表示速度ボトルネックの実例研究
実際のWebページで表示速度のボトルネックを研究するブログ
最新記事
「自然大好き！ニッチ・リッチ・キャッチ」トップページの表示速度ボトルネック研究
画像のサイズ未指定によるレイアウトのずれ、別ドメインから描画を止めるGoogle FontsのCSSとjQueryなどのボトルネックが観測され、解消シミュレーションではLighthouseスコアが78から最大100まで変化する結果が得られました。Core Web Vitalsの大きな改善が期待できます。
「ヤーマンオンラインストア」トップページの表示速度ボトルネック研究
スライダーの初期化まで定まらないレイアウト、初期化まで隠されたメインビジュアル、描画を止めるGoogle FontsのCSSなどのボトルネックが観測され、解消シミュレーションではLighthouseスコアが79から最大100まで変化する結果が得られました。Core Web Vitalsの大きな改善が期待できます。
「ハニーズ公式オンラインショップ」トップページの表示速度ボトルネック研究
head内の同期スクリプト17本、描画を止めるGoogle FontsのCSS、画面外の画像233個の即時読み込みなどのボトルネックが観測され、解消シミュレーションではLighthouseスコアが66から最大100まで変化しました。Core Web Vitalsの大幅な改善が期待できます。
「オシャレウォーカー」トップページの表示速度ボトルネック研究
タグに隠れていたレイアウトのずれ、別ドメインから配信される描画ブロックCSS、表示されない日付の商品画像の読み込みなどのボトルネックが観測され、解消シミュレーションではLighthouseスコアが64から最大100まで変化しました。Core Web Vitalsの大幅な改善が期待できます。
「シェルターウェブストア」トップページの表示速度ボトルネック研究
公開CDNとCSSの@importによる初回描画前の直列の待ち、自動再生するメインスライダー、251リソースのサードパーティタグなどのボトルネックが観測され、解消シミュレーションではLighthouseスコアが68から最大100まで変化する結果が得られました。Core Web Vitalsの大幅な改善が期待できます。
「蔦屋書店ポータル」トップページの表示速度ボトルネック研究
スライダーと固定ヘッダーによるレイアウトシフト、配信終了したWebフォントのCSS読み込み、5種類のサードパーティタグなどのボトルネックが観測され、解消シミュレーションではLighthouseスコアが73から最大100まで変化する結果が得られました。Core Web Vitalsの大幅な改善が期待できます。
「ウェビック」トップページの表示速度ボトルネック研究
別ドメインから配信されるLCP画像、body先頭で描画を止める同期スクリプト、大量のサードパーティタグなどのボトルネックが観測されました。Lighthouseスコアは当初から100でしたが、解消シミュレーションでは実測LCPが1.4秒から0.4秒へ短縮し、Core Web Vitalsの改善余地が読み取れます。
「イトーヨーカドーネットスーパー」トップページの表示速度ボトルネック研究
LCPのデータを最も遅いAPIから取る構造、外部CSSに描画を止められるローディング画面、起動を待つAPI要求などのボトルネックが観測され、解消シミュレーションではLighthouseスコアが79から100へ、実測のLCPが4.1秒から1.5秒へ変化しました。Core Web Vitalsの大幅な改善が期待できます。
「ア ハッピー マリリン」トップページの表示速度ボトルネック研究
サードパーティータグの飽和、8枚に分割されたCSS、初期化前に高さが定まらないカルーセルなどのボトルネックが観測され、解消シミュレーションではLighthouseスコアが67から最大100まで変化する結果が得られました。Core Web Vitalsの大幅な改善が期待できます。
「デンタルフィット」トップページの表示速度ボトルネック研究
別ドメインから配信されるLCP画像やカルーセルのCSS、LCP画像と同時に読み込まれる画面外の画像などのボトルネックが観測され、解消シミュレーションではLighthouseスコアが79から最大100まで変化する結果が得られました。Core Web Vitalsの大きな改善が期待できます。
「サマンサタバサ公式オンラインショップ」トップページの表示速度ボトルネック研究
ファーストビュー画像の寸法未指定、公開CDN3ドメインへの接続待ち、約1秒かかるHTMLのサーバー応答などのボトルネックが観測され、解消シミュレーションではLighthouseスコアが56から最大100まで変化する結果が得られました。Core Web Vitalsの大幅な改善が期待できます。
「ヒラキ公式通販サイト」トップページの表示速度ボトルネック研究
カート合計金額を取得する同期通信、JavaScriptの初期化に依存するCSSセレクタ、画像203枚の一斉ダウンロードなどのボトルネックが観測され、これらを解消するシミュレーションではLighthouseスコアが72から最大100まで変化する結果が得られました。Core Web Vitalsの大きな改善が期待できます。