神ゲー攻略の Core Web Vitals を大幅改善した話: CrUX API による計測基盤と施策 - CARTA TECH BLOG

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: インタラクティブ性。ページがどの程度サクサク反応

[saku_238]

パフォーマンス改善をやる際にビジネス側にも事前に理解してもらっている事について触れてるけど、合意形成スキルやエンジニアの信頼性も求められそう。

[Soudai]

Core Web VitalsがSEOに効くからこそパフォーマンスは非機能要件じゃなくて機能要件なんだよな。だからこそ、こうやって地道に改善して成果を出すのはすごい。