表示速度ボトルネックの実例研究
実際のWebページで表示速度のボトルネックを研究するブログ
最新記事
「産経新聞」トップページの表示速度ボトルネック研究
複数CSSの結合、JPEG/PNG画像のWebP未変換、未使用CSSの残存などのボトルネックが観測され、これらを解消するシミュレーションではLighthouseスコアが100から最大100まで変化する結果が得られました。Core Web Vitalsには若干の改善余地が残ります。
「タマチャンショップ」トップページの表示速度ボトルネック研究
LCP画像がlazyload対象になっている、lazyload画像の空間が事前確保されていない、jQuery CDNが外部ドメインから配信されているなどのボトルネックが観測され、これらを解消するシミュレーションではLighthouseスコアが53から最大100まで変化する結果が得られました。Core Web Vitalsの大幅な改善が期待できます。
「時事ドットコム」トップページの表示速度ボトルネック研究
JPEG画像の未WebP化、未使用CSSの残存などのボトルネックが観測され、これらを解消するシミュレーションではLighthouseスコアが73から最大100まで変化する結果が得られました。Core Web Vitalsの大きな改善が期待できます。
「ルタオ」トップページの表示速度ボトルネック研究
非WebPフォーマットの画像、width/height属性のないimg要素、Google Fonts（Noto Serif JP）の読み込みなどのボトルネックが観測され、これらを解消するシミュレーションではLighthouseスコアが63から最大97まで変化する結果が得られました。Core Web Vitalsの大幅な改善が期待できます。
「ねとらぼ」トップページの表示速度ボトルネック研究
未圧縮テキストリソース、PC専用画像がモバイルでもダウンロードされる、LCP画像に loading="lazy" が設定されているなどのボトルネックが観測され、これらを解消するシミュレーションではLighthouseスコアが78から最大100まで変化する結果が得られました。Core Web Vitalsの大きな改善が期待できます。
「文春オンライン」トップページの表示速度ボトルネック研究
CSSファイルの分散（12ファイル）、画像のJPEG/PNG形式での配信などのボトルネックが観測され、これらを解消するシミュレーションではLighthouseスコアが80から最大100まで変化する結果が得られました。Core Web Vitalsの大きな改善が期待できます。
「ブックオフオンライン」トップページの表示速度ボトルネック研究
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の顕著な改善が期待できます。