表示速度ボトルネックの実例研究

#カルーセル

#カルーセル タグの記事一覧です。

「ドクターシーラボ」トップページの表示速度ボトルネック研究
ECサイト2026.04.12

「ドクターシーラボ」トップページの表示速度ボトルネック研究

カルーセルの初期レイアウト未確保、LCP画像の読み込み優先度未設定、Google Fontsによるレンダリングブロックなどのボトルネックが観測され、これらを解消するシミュレーションではLighthouseスコアが50から最大100まで変化する結果が得られました。Core Web Vitalsの大幅な改善が期待できます。

「フランドルオンライン」トップページの表示速度ボトルネック研究
ECサイト2026.04.06

「フランドルオンライン」トップページの表示速度ボトルネック研究

スライダーの初期化によるレイアウトシフト、jQuery CDNが外部ドメインから配信、JPEG/PNG画像のWebP未変換などのボトルネックが観測され、これらを解消するシミュレーションではLighthouseスコアが47から最大100まで変化する結果が得られました。Core Web Vitalsの大幅な改善が期待できます。