WebページのCLSをサクッと確認できる
便利なChrome拡張機能。
WebページのUXに関する指標で
改善することでSEO対策にもなります。
Journey Further CLS Checker インストール
目次
インストール
上記リンク先ページをChromeで開き
Chromeに追加をクリックします。
拡張機能を追加でインストール完了です。
Chromeにアイコンが追加されるので
ピン留めして画面に表示しておくのが便利です。
レビュー
計測したいページを開いて、アイコンクリックで
Check the pageをクリックすると計測できます。
LS-1、LS-2は恐らくLayout Shiftだと思います。
0.000なら問題はありませんが、0.043など数値が付いている
分には問題があるので、Toggleをクリックすると
どの部分かが画面に表示されるようになります。
視覚的に分かりやすいのでどの部分を修正したらよいのかが
すぐに分かります。
CLSなど気になる方はぜひ使ってみては如何でしょうか。
コメント