[レベル: 上級] ウェブ バイタルを記録するオプションが、安定版 Chrome 88 のデベロッパー ツールの [Performance] レコーディング機能に追加されました。 安定版の Chrome 88 は 1 月 19 日にリリースされました。 現在更新できます。 Web Vital オプションで CLS を調査する 大きな CLS (Cumulative Layout Shift) が発生しているページをデベロッパー ツールの [Performance] で計測してみます。 デベロッパー ツールで [Performance] を開くと [Web Vitals] というオプションが上部にあるので、チェックを入れてレコーディングを開始します。 レコーディング結果の赤色のひし形♦️が、発生した CLS です(Layout Shift の略で LS と表記さている)。 結果を下に少しスク
![Chrome88のデベロッパーツールのレコーディング機能でウェブバイタルの情報を記録できるように](https://cdn-ak-scissors.b.st-hatena.com/image/square/a0633fcf327f4b8d70aca0694d15000ce050134b/height=288;version=1;width=512/https%3A%2F%2Fwww.suzukikenichi.com%2Fblog%2Fwp-content%2Fuploads%2Fdev-tools-web-vitals2-600x358.png)