[レベル: 中級] コア ウェブ バイタルを測定する Chrome 拡張を Google は大きく改良しました。 CrUX データと比較 バージョン 1.0.x にアップデートした Web Vitals 拡張は Chrome ユーザー エクスペリエンス レポート (CrUX) のデータと、自分がそのページに今アクセスしたときのコア ウェブ バイタルのスコアを比較するようになりました。 バージョン 0.x では、今いるページのコア ウェブ バイタルを測定するだけでした。 ※すずき補足: CrUX は、Chrome ユーザーの実際の利用状況を元にしたデータ。PageSpeed Insights のフィールドデータや Search Console のウェブに関する主な指標レポートに使われている。またページ エクスペリエンス アップデートのデータしても利用されている。 Web Vitals 拡張を
[レベル: 上級] ウェブ バイタルを記録するオプションが、安定版 Chrome 88 のデベロッパー ツールの [Performance] レコーディング機能に追加されました。 安定版の Chrome 88 は 1 月 19 日にリリースされました。 現在更新できます。 Web Vital オプションで CLS を調査する 大きな CLS (Cumulative Layout Shift) が発生しているページをデベロッパー ツールの [Performance] で計測してみます。 デベロッパー ツールで [Performance] を開くと [Web Vitals] というオプションが上部にあるので、チェックを入れてレコーディングを開始します。 レコーディング結果の赤色のひし形♦️が、発生した CLS です（Layout Shift の略で LS と表記さている）。 結果を下に少しスク
[レベル: 初級] 今見ているページの Core Web Vitals を測定する Chrome 拡張を Chrome ウェブストアからインストールできるようになりました。 このブログで Web Vitals を紹介したときはまだアルファ版でした。 GitHub からファイルをダウンロードして、Chrome 拡張のデベロッパーモードを ON にし手動でインストールする必要がありました。 ウェブストアからであれば、ほかの拡張と同じように通常の方法でインストールできます。 ※アルファ版をすでにインストールしているときは、アンイストールしてから正式版をインストールすることを推奨します。 Web Vitals 拡張の使い方 使い方はいたってシンプルです。 Chrome に追加すれば、今見ているウェブページの Core Web Vitals (LCP/FID/CLS) をバックグラウンドで自動計測し
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
