Question
LCP の問題: 2.5秒 超(モバイル)の問題
- o o u
-
以前使用していたテンプレでは全く問題が出なかったのに、JIN:Rに変えた途端に問題が殆どのページで見れる様になっています。添付画像を見てもらっても、テンプレ変えた途端に良好URL100%から27.2%に下がっており、今も下がり続けていると思われます。
エラーの内容は全て「LCP の問題: 2.5秒 超(モバイル)」です。
ですので、多分画像の問題かなとは思いました。どこかのページだけに問題があるのではなく。テンプレに全体的な問題なのか、全体に影響を及ぼす部分に問題があるのかと思っていますが、モバイル表示速度が悪いとSEOでも評価はマイナスになるのはグーグルでも公言されているので、早めに対処したいです。
具体的にどういう問題と対処法があるのか教えて下さい。
こんにちは!
2022/12/05 21:20LCPの問題についてはおそらく「EWWW Image optimizer」などのプラグインを使用してまずは画像を圧縮してみると良いかもしれません。
JIN:Rでは画像サイズの最適化をJINとは違う形で行なっているので、その対応が必要かもしれません。
一度それで問題が改善方向に向かうかどうかお試しいただけると嬉しいです。
また、問題のURLは違うトピックで共有されているURLと同じでしょうか?
画像の圧縮に関してですが、全てWebpにしているので、そこは問題ないかと思います。
2022/12/05 22:20問題のサイトは別のトピックで共有しているサイトとは違います。共有するURLはJINの方にだけ見せる様な仕様にはなりませんか?
問題の起きているサイトはSTORK19と言うテンプレートを元々は使用していて、JIN:Rでリニューアルしようと思って差し替えたので、このテンプレートの問題かなって思いました。
マニュアル通りに作り、カスタマイズなども必要な部分を埋めたのですが、画像の箇所などは推奨サイズは全て書かれていない状態だったので、大体で入れています。トップページだけとかだと、そこに問題があるのかって分かるのですが、全てのページで良好ではなくなっているので、全体に関連する所に問題があると思いますが?
なるほど!ご確認ありがとうございます。
2022/12/06 13:09確かに今回の場合はJIN:Rの可能性が高いですね。。
ご指摘ありがとうございます。
LCPの数値が問題であるのはおそらく、
①画像の最適化が済んでいない
- srcsetが付与されていない
- lazyloadが付与されていない
②日本語フォントを使用している
③サーバーの容量を圧迫し始めている
の3つが主な原因だと思います。
③に関しては置いておくとして、①②に関してはその対応が必要かどうか把握させていただきたいので、URLを共有いただけると嬉しいです。
トピックの投稿編集画面にURLを表示させないようにする設定を設けているのでrそちらから共有いただけますと幸いです。
お手数おかけ致しますが、何卒宜しくお願い致します。
ありがとうございます。
2022/12/06 13:22編集画面よりサイトURLを非公開にするで、URLを入力しましたので、宜しくお願い致します。
2については、フォントの設定は初期のまま変えていないはずです。サーバーの容量はまだタップリと空きがある状態です。
追記ですが、モバイルだけではなくPCでも出始めました。
LCP の問題: 2.5秒 超(パソコン)
2022/12/07 21:40
ありがとうございます!
取り急ぎ僕の方でも検証してみたところ、どうやら画像関連でのエラーは少なそうですね。。
ただ、リッチメニューで作られているところの画像にsrcsetが付与されていないので、Regenerate Thumbnailsなどのプラグインを使って画像を再生成してみると良いかと思います...!!
また、計測結果からいくとLCPで改善が必要なのはレンダリング段階での不必要なJSを読み込まないようにすることなのですが、画像を見る感じ基本的にはどうしようもないものばかりなんですよね。。
一番効果がありそうなのがreCaptchaなので、それ関連のプラグインを停止してみること。また、gtaタグとGoogle Analyticsのタグを同時に使っていると起こる問題もあるのでそこも修正してみると改善方向に向かうかもしれません。。
// 参考サイト
https://www.rectus.co.jp/archives/757
一度ご確認の程宜しくお願いします!
2022/12/09 23:51
こんにちは!私も拝見したのでちょっと補足で回答させてもらいます。
2022/12/10 08:20JIN:Rにテーマ変更するにあたって、Googleアナリティクス・タグマネ・reCaptchaなどの見直しも一緒にされなかったでしょうか?
全ページに影響が出るということは「一括で設定されている何か」が原因となるので、画像とはまた違う気がします。
テーマ側のCSSやJsも警告されてないので違う気がします。
となると、やはりHTMLタグ設定に設置している計測コードが読み込み時間を長くしているのではないかと思います。実際PSIでもそこが怒られてるので。
読み込んだ上で表示を速くするには、レンタルサーバーの高速化機能を使うのがおすすめです。
ConoHaなら「WEXAL」を使うことで一括高速化できるし、
XSERVERなら高速化設定の項目でページキャッシュやブラウザキャッシュを1つずつ設定できます。
計測タグを入れた上でより速くするなら、こういったレンサバ側の機能も併用して、なるべく表示が速くなるように工夫してもらえると良いかと思います。
Ryota0101さん、ひつじさん、改善策のご提示有難う御座います。
2022/12/12 12:41Regenerate Thumbnailsで画像再生成を行いました。それと共にreCaptchaは以前より使っていますが、お問合せページのみに適応される様にしてみました。
先ずはそれで様子を見てみます。
承知しました!
2022/12/14 12:22reCaptcha関連のエラーは消えましたね!
ただ、第三者コードがまだ残っているのでその辺りも調整がいるかもですね...!
また進捗があれば共有いただけると嬉しいです。
reCaptcha関連のエラーは消えたので、推移を見守っていましたが、LCP の問題: 2.5秒 超の問題は改善しないままです。
レンタルサーバーの高速化機能も提案頂いていましたが、こちらはmixhostを使っていて、LiteSpeed Casheを使っています。
HTMLタグ設定に設置している計測コードとしてはテンプレ変更前から使っているアナリティクスのタグを設置しているだけです。
何か他に改善する為にやった方が良い事はありますか?
2023/03/14 12:31