#カルーセル
#カルーセル タグの記事一覧です。
「ニコリオ」トップページの表示速度ボトルネック研究
CSSが多数のファイルに分散している、CDNリソースが外部ドメインから配信されている、カルーセルがレイアウトシフトを発生させているなどのボトルネックが観測され、これらを解消するシミュレーションではLighthouseスコアが71から最大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の顕著な改善が期待できます。
「ワコールウェブストア」トップページの表示速度ボトルネック研究
LCP画像がアニメーションGIF（1.4MB）で配信されていた、カルーセル非表示画像が初期表示時に一斉ダウンロードされていた、Google Fontsがレンダリングをブロックしていたなどのボトルネックが観測され、これらを解消するシミュレーションではLighthouseスコアが65から最大100まで変化する結果が得られました。Core Web Vitalsの大幅な改善が期待できます。
「Pierrot」トップページの表示速度ボトルネック研究
バナースライダーの高さ未固定、パブリックCDNリソースの外部ドメイン配信、TypeKitフォントの@importチェーンなどのボトルネックが観測され、これらを解消するシミュレーションではLighthouseスコアが47から最大93まで変化する結果が得られました。Core Web Vitalsの大幅な改善が期待できます。
「アイルミネ」トップページの表示速度ボトルネック研究
カルーセル非表示画像の即時読み込み、JPEG画像の未WebP変換、日本語Webフォントの大容量ファイルなどのボトルネックが観測され、これらを解消するシミュレーションではLighthouseスコアが94から最大100まで変化する結果が得られました。Core Web Vitalsの顕著な改善が期待できます。
「ドクターシーラボ」トップページの表示速度ボトルネック研究
カルーセルの初期レイアウト未確保、LCP画像の読み込み優先度未設定、Google Fontsによるレンダリングブロックなどのボトルネックが観測され、これらを解消するシミュレーションではLighthouseスコアが50から最大100まで変化する結果が得られました。Core Web Vitalsの大幅な改善が期待できます。
「フランドルオンライン」トップページの表示速度ボトルネック研究
スライダーの初期化によるレイアウトシフト、jQuery CDNが外部ドメインから配信、JPEG/PNG画像のWebP未変換などのボトルネックが観測され、これらを解消するシミュレーションではLighthouseスコアが47から最大100まで変化する結果が得られました。Core Web Vitalsの大幅な改善が期待できます。