PageSpeed Insightsについて質問です。
PCは96ですが、モバイルが69と低いです。
速度が遅いとSEOに響くだろうと心配しています。
診断結果は以下のようなものでした。
PCとモバイルで結果が大きく異なる理由が分からないのですが、どう対応していけば良いのでしょう？
ラボデータ
指標は Lighthouse によって収集および分析されたラボデータに基づくものです。
First Contentful Paint 2.6秒 Speed Index 3.2 秒
Largest Contentful Paint 4.6 秒 Time to Interactive 4.9 秒
Total Blocking Time 380 ミリ秒 Cumulative Layout Shift 0.014
改善できる項目
短縮できる時間（推定）
レンダリングを妨げるリソースの除外 0.84 s 適切なサイズの画像 0.75 s
次世代フォーマットでの画像の配信 0.6 s 最初のサーバー応答時間を速くしてください 0.52 s
使用していない JavaScript の削減 0.3 s 使用していない CSS の削減 0.15 s
効率的な画像フォーマット 0.15 s
静的なアセットと効率的なキャッシュ ポリシーの配信 20 件のリソースが見つかりました
過大な DOM サイズの回避 1,301 件の要素
メインスレッド処理の最小化 3.4 秒
クリティカル リクエスト チェーンを回避してください 7 件のチェーンが見つかりました
リクエスト数を少なく、転送サイズを小さく維持してください 35 件のリクエスト ・ 606 KiB
「最大コンテンツの描画」要素 1 件の要素が見つかりました
レイアウトが大きく変わらないようにする 3 件の要素が見つかりました
メインスレッドでタスクが長時間実行されないようにしてください 長時間実行されているタスクが 12 件見つかりました
みんなのコメント 4件
ベストアンサー
僕がモバイル 69→79 に改善できた方法を2つ紹介します。
・プラグイン「EWWW Image Optimizer」で、遅延読み込み設定にチェックを入れる。
・プラグイン「All in One SEO」を削除した。
上記2点で改善されました。
ありがとうございます。
1点目は入れており、2点目は評判が悪いため、元々、入れていません。
ボトルネックになっていそうなところを調べながら対処するしかないですかね・・・。
みんな、どうしているんでしょうね・・・。
割と骨が折れそうですね・・。
>どう対応していけば良いのでしょう？
Googleがわが納得する数字になるまで「PageSpeed Insights」の結果を改善するためには、フロントエンドエンジニアとバックエンドエンジニアのスキルが必要になります。
ひとまず「改善できる項目」を、検索エンジンで調べながら、ご自分できるできないを場合分けしてみましょう。それから、できるところから手を付けていけばいいですよ。
たとえば、画像サイズ圧縮は簡単ですね。
PageSpeed Insightsは、フロントエンドエンジニアがする領域がわからないと難しいです。そのためPageSpeed Insightsは、現時点で有効でも将来にわたって不確定なので「優れたサイトを作りましょう」の結論にしかならないと、私は考えています。
このエビデンスとしては、この2本を読んでください。
https://www.sem-r.com/entry/20200520/1589954913
https://www.sem-r.com/entry/20200529/1590694455
ご回答、ありがとうございます。
調べろ、と言うことですね。
質問が悪かったですが、私はエンジニアなのでこの程度のことは分かっています。
フロントもバックもやっていますが、高速化は割と専門性が高いので、分かっている人がいればと思って質問しました。
質問が悪かったですね。
あなたの経験や知識を共有しませんか？
ほかのユーザーの相談に、コメントで参加してみましょう。
ログインしてコメントするはじめての方は無料登録