Lighthouse Studio エンジニアの西森です。 今回は弊社が運営しているゲーム攻略サイト「神ゲー攻略」の Core Web Vitals の各指標を 20〜80% 改善した取り組みを紹介します。 Core Web Vitals とは CrUX API を使った Core Web Vitals の計測 Core Web Vitals の改善施策 SPA + SSR から SSR only へのリアーキテクチャ 画像領域の遅延確保 計測とゴール設定 おわりに Core Web Vitals とは Core Web Vitals とは、Google が提唱するページのユーザーエクスペリエンスに焦点を当てた指標のセットです。 具体的には以下の3つがあります。 LCP: 知覚される読み込み速度。ページがどの程度速く読み込まれるか FID: インタラクティブ性。ページがどの程度サクサク反応