PSIやLighthouse、CrUXレポートなど各種コアウェブバイタル計測ツールが新定義のCLSに対応
[レベル: 上級] Google は、コア ウェブ バイタルを計測するために提供している各種ツールを新しい定義の CLS に対応するようにアップデートしました。 Lighthouse も PSI も CrUX も 新 CLS で計測開始 新定義の CLS で計測するようになったツールは次のとおりです。 Chrome デベロッパーツールの Lighthouse ※Canary チャンネル Lighthouse CLI v8 Lighthouse CI v0.7.3 PageSpeed Insights (PSI) PSI API BigQuery 用 Chrome UX レポート (CrUX) ※2021 年 6 月 8 日に更新 Chrome UX レポート API たとえば、PSI は Lighthouse v8 を利用して新 CLS でのラボデータを現在は提供するようになっています。
Google、CLSの定義を変更。ページエクスペリエンスシグナルは新CLSで評価する
[レベル: 上級] コア ウェブ バイタルの 3 要素の 1 つである CLS (Cumulative Layout Shift) の定義が変わります。 2021 年 6 月に コア ウェブ バイタル がページ エクスペリエンス シグナルとしてランキング要因になります。 ページ エクスペリエンス シグナルでは、新しい定義で取得する CLS のスコアが評価に用いられます。 すべてのサイトで CLS が改善 CLS の定義がどんなふうに変更になるかはこのあと簡潔に説明しますが、まず重要なのは、変更によってすべてのサイトで CLS のスコアが良くなる点です。 Google によれば、新しい計測方法の CLS のもとでは次のような変化が見られるとのことです。 スコアが悪くなるページはゼロ 55% のサイトは 75 パーセンタイルでスコアに変化なし 45% のサイトは 75 パーセンタイルでスコアが
Optimizing Web Vitals using Lighthouse | Articles | web.dev
Optimizing Web Vitals using Lighthouse Stay organized with collections Save and categorize content based on your preferences. Today, we'll cover new tooling features in Lighthouse, PageSpeed and DevTools to help identify how your site can improve on the Web Vitals. As a refresher on the tools, Lighthouse is an open-source, automated tool for improving the quality of web pages. You can find it in t
Googleの新しいUX指標、CLSエラーを解消するimgタグの書き方
Googleが発表した、WebページUX指標「コアウェブバイタル」には、「LCP」「FID」「CLS」の3つの指標があります。詳しくは Web担当者フォーラムの【重要】コアウェブバイタルとは？ グーグルのUX指標LCP/FID/CLSの意味や基準値をわかりやすく解説【SEO情報まとめ】に書かれています。 この中のCLS（Cumulative Layout Shift）とは「累積レイアウト変更」の意味で、視覚要素の安定性を示す指標です。例えば画像を読み込む際、その画像サイズが指定されていなく、画像の次にはテキストが書かれていたとします。この場合、テキストの方が軽いため先に読み込まれます。まずテキストが読み込まれ、その間に画像が読み込まれますが、ブラウザは画像サイズが分かりません。読み込みながら「あ、この画像は500 x 500の画像だったのか」と理解し、テキストの上に縦横500の余白を作り、
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
PageSpeed Insights
