「CLS に関する問題」対策で速度改善

PageSpeed で「CLS に関する問題」が指摘される場合があります。
この表示に対する解決策を記載します。

改善方法

改善方法は主に2つあります。

  • 該当する JavaScript を削除する
  • サーバーの応答速度を上げる

これらについて解説します。

JavaScript を削除する

必要のない JavaScript でしたら削除しましょう。
CLS に関する問題本当に必要なスクリプトなのかを判断するきっかけにすると良いです。

サーバーの応答速度を上げる

JavaScript を削除したくないケースとしてそもそもサーバーの応答速度が遅くなっている可能性があります。
サーバーの応答速度を上げましょう。

その他

その他選択肢として、JavaScript のチューニングするという選択肢もあります。
しかし、多くの場合はコストパフォーマンスが合わないのではないかと考えます。

現実的な選択肢としては、先に挙げた2点をおすすめします。

参考

Cumulative Layout Shift (CLS)