#CSS最適化
#CSS最適化 タグの記事一覧です。
「産経新聞」トップページの表示速度ボトルネック研究
複数CSSの結合、JPEG/PNG画像のWebP未変換、未使用CSSの残存などのボトルネックが観測され、これらを解消するシミュレーションではLighthouseスコアが100から最大100まで変化する結果が得られました。Core Web Vitalsには若干の改善余地が残ります。
「時事ドットコム」トップページの表示速度ボトルネック研究
JPEG画像の未WebP化、未使用CSSの残存などのボトルネックが観測され、これらを解消するシミュレーションではLighthouseスコアが73から最大100まで変化する結果が得られました。Core Web Vitalsの大きな改善が期待できます。
「文春オンライン」トップページの表示速度ボトルネック研究
CSSファイルの分散(12ファイル)、画像のJPEG/PNG形式での配信などのボトルネックが観測され、これらを解消するシミュレーションではLighthouseスコアが80から最大100まで変化する結果が得られました。Core Web Vitalsの大きな改善が期待できます。
「ニコリオ」トップページの表示速度ボトルネック研究
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の顕著な改善が期待できます。
「高島屋オンラインストア」トップページの表示速度ボトルネック研究
依存されていないスクリプトの同期読み込み、CSSが12ファイルに分散、Webフォントのfont-display未設定などのボトルネックが観測され、これらを解消するシミュレーションではLighthouseスコアが71から最大89まで変化する結果が得られました。Core Web Vitalsの大きな改善が期待できます。
「JINS」トップページの表示速度ボトルネック研究
CSSファイルが9つに分割配信されている、JPEG/PNG画像がWebP未変換のまま配信されている、日本語Webフォント(TazuganeGothic)の読み込みなどのボトルネックが観測され、これらを解消するシミュレーションではLighthouseスコアが98から最大100まで変化する結果が得られました。Core Web Vitalsの改善余地が確認できます。
「ドスパラ」トップページの表示速度ボトルネック研究
CSSの重複読み込み、head内CSSの分割読み込み、日本語Webフォント(Noto Sans JP)の読み込みなどのボトルネックが観測され、これらを解消するシミュレーションではLighthouseスコアが85から最大95まで変化する結果が得られました。Core Web Vitalsの顕著な改善が期待できます。
「久原本家」トップページの表示速度ボトルネック研究
画像フォーマットが未最適化、テキストリソースのGZIP圧縮が未適用、CSSファイルの分散などのボトルネックが観測され、これらを解消するシミュレーションではLighthouseスコアが70から最大100まで変化する結果が得られました。Core Web Vitalsの大幅な改善が期待できます。
「弁護士ドットコム」トップページの表示速度ボトルネック研究
パブリックCDNリソースが外部ドメインから配信されている、head内同期スクリプトによるレンダリングブロック、未使用CSSの蓄積などのボトルネックが観測され、これらを解消するシミュレーションではLighthouseスコアが99から最大100まで変化する結果が得られました。Core Web Vitalsには若干の改善余地が残ります。
「電撃オンライン」トップページの表示速度ボトルネック研究
LCP画像のloading属性、複数CSSの分割配信などのボトルネックが観測され、これらを解消するシミュレーションではLighthouseスコアが95から最大100まで変化する結果が得られました。Core Web Vitalsの顕著な改善が期待できます。
「ニューズウィーク日本版」トップページの表示速度ボトルネック研究
head内の同期スクリプト、LCP画像の遅延読み込み設定、複数CSSファイルの分散などのボトルネックが観測され、これらを解消するシミュレーションではLighthouseスコアが62から最大100まで変化する結果が得られました。Core Web Vitalsの大幅な改善が期待できます。