表示速度ボトルネックの実例研究
実際のWebページで表示速度のボトルネックを研究するブログ
最新記事
「ブックオフオンライン」トップページの表示速度ボトルネック研究
CSSが別ドメインから配信されている、CSSが10ファイルに分散している、JSが別ドメインから配信されているなどのボトルネックが観測され、これらを解消するシミュレーションではLighthouseスコアが98から最大100まで変化する結果が得られました。Core Web Vitalsの改善余地が確認できます。
「Forbes JAPAN」トップページの表示速度ボトルネック研究
Google Fontsによるレンダリングブロック、PNG画像のフォーマットなどのボトルネックが観測され、これらを解消するシミュレーションではLighthouseスコアが73から最大100まで変化する結果が得られました。Core Web Vitalsの大きな改善が期待できます。
「ニコリオ」トップページの表示速度ボトルネック研究
CSSが多数のファイルに分散している、CDNリソースが外部ドメインから配信されている、カルーセルがレイアウトシフトを発生させているなどのボトルネックが観測され、これらを解消するシミュレーションではLighthouseスコアが71から最大100まで変化する結果が得られました。Core Web Vitalsの大きな改善が期待できます。
「ギズモード・ジャパン」トップページの表示速度ボトルネック研究
Google Fonts CSSの外部ドメイン配信、jQueryによるレンダリングブロックなどのボトルネックが観測され、これらを解消するシミュレーションではLighthouseスコアが94から最大100まで変化する結果が得られました。Core Web Vitalsの顕著な改善が期待できます。
「トラノテ」トップページの表示速度ボトルネック研究
スライダー画像のeager読み込み、複数CSSの分散読み込み、Google Fontsによる日本語Webフォント読み込みなどのボトルネックが観測され、これらを解消するシミュレーションではLighthouseスコアが98から最大100まで変化する結果が得られました。Core Web Vitalsの改善余地が確認できます。
「アバハウス」トップページの表示速度ボトルネック研究
メインカルーセルのレイアウトシフト、画像のwidth/height属性未指定、CSSが8ファイルに分散などのボトルネックが観測され、これらを解消するシミュレーションではLighthouseスコアが86から最大100まで変化する結果が得られました。Core Web Vitalsの顕著な改善が期待できます。
「Billboard Japan」トップページの表示速度ボトルネック研究
画像にwidth/height属性が未指定、JPEG/PNG画像がWebP未変換、テキストリソースのGZIP未圧縮などのボトルネックが観測され、これらを解消するシミュレーションではLighthouseスコアが70から最大100まで変化する結果が得られました。Core Web Vitalsの大幅な改善が期待できます。
「プレジデント・オンライン」トップページの表示速度ボトルネック研究
Google Fontsによる外部ドメインフォント読み込み、パブリックCDNリソースの外部ドメイン配信、画像の未WebP化などのボトルネックが観測され、これらを解消するシミュレーションではLighthouseスコアが56から最大100まで変化する結果が得られました。Core Web Vitalsの大幅な改善が期待できます。
「ダイヤモンド・オンライン」トップページの表示速度ボトルネック研究
CSSの別ドメイン配信、Webフォントの読み込み、JPEG/PNG画像のフォーマットなどのボトルネックが観測され、これらを解消するシミュレーションではLighthouseスコアが93から最大100まで変化する結果が得られました。Core Web Vitalsの顕著な改善が期待できます。
「高島屋オンラインストア」トップページの表示速度ボトルネック研究
依存されていないスクリプトの同期読み込み、CSSが12ファイルに分散、Webフォントのfont-display未設定などのボトルネックが観測され、これらを解消するシミュレーションではLighthouseスコアが71から最大89まで変化する結果が得られました。Core Web Vitalsの大きな改善が期待できます。
「朝日新聞デジタル」トップページの表示速度ボトルネック研究
ビューポート外画像の即時読み込み、head内同期スクリプトのレンダリングブロック、CSSの別ドメイン配信などのボトルネックが観測され、これらを解消するシミュレーションではLighthouseスコアが96から最大100まで変化する結果が得られました。Core Web Vitalsの改善余地が確認できます。
「ワコールウェブストア」トップページの表示速度ボトルネック研究
LCP画像がアニメーションGIF（1.4MB）で配信されていた、カルーセル非表示画像が初期表示時に一斉ダウンロードされていた、Google Fontsがレンダリングをブロックしていたなどのボトルネックが観測され、これらを解消するシミュレーションではLighthouseスコアが65から最大100まで変化する結果が得られました。Core Web Vitalsの大幅な改善が期待できます。