ページの表示速度を改善したいです。

  • 解決済 megumitoshioka

    (@megumitoshioka)


    5年前

    いつもお世話になっております。

    スレ違いでしたら失礼します。
    先日、公開したサイト（https://paris-breakfast.com）と先行して公開しているブログについて
    サイトの表示にかかる時間などをチェックするため、PageSpeed Insightsを使用しています。
    PageSpeed Insightsの評価がモバイル63　PC97（以下の操作を4つとも行った後の数値）です。
    モバイルのほうが数値が低くて改善できるところは実施しています。

    改善できる項目に
    「レンダリングを妨げるリソースの除外」が表示されたので
    ネットで検索して以下のサイトを参照し、自分でできる範囲でやってみました。
    https://fukuro-press.com/wordpress-move-scripts-to-footer/

    ・スクリプトをフッターに移動させる方法
    テーマの「functions.php」の最後に、参照ページに記載されているコードを貼りつけました。

    コードの意味は以下
    ・jQueryの読み込み位置をヘッダーからフッターへ変更(３～４行目)
    ・絵文字を画像にするスクリプト・スタイルを無効化(６～８行目)
    ・WordPressの余計なスクリプトを停止(１０～１３行目)

    本題ですが、この操作を行った後にPageSpeed Insightsの改善できる項目に
    あらたにキーリクエストのプリロードという項目が出現したので、
    おそらく直前のこの操作が原因だと考えられるのですが

    キーリクエストのプリロード
    <link rel=preload> を使用して、現在ページ読み込みの後のほうでリクエストしているリソースを優先的に取得することをご検討ください。詳細↓
    https://developers.google.com/web/tools/lighthouse/audits/preload?utm_source=lighthouse&utm_medium=unknown

    のページを読みましたが私には難解でしたので、この後、どう対処すればいいのか
    わかりません。

    他に、サーバーの設定の確認をしました。
    ・PHPのバージョンが最新版であるか（最新版であったので確認のみ）
    ・ブラウザのキャッシュ
    https://fukuro-press.com/page-speed-browser-cache/
    こちらのサイトでは、FTPソフトを使用して「.htaccess」をさわる方法でしたので
    それは行わず、サーバーのキャッシュの項目を確認し、
    キャッシュを有効化する設定をONに変更しました。
    ・他にPHPプログラムを高速化される設定もONにしました。

    キーリクエストのプリロードの件が出てきてしまいましたが
    最初の数値がモバイル　53だったので焦ってしまい、対処したつもりです。

    基礎が理解できていないので(functions.php)をあまり触りたくないのですが
    もし解決策があれば教えてください。

    ヘルプの必要なページ: [リンクを見るにはログイン]

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • CG

    (@du-bist-der-lenz)

    5年前

    いづれこうした問いかけになると覚悟していましたが、これまでサイトに行ったことが、全く無い状態と比較しましょう。

    munyagu

    (@munyagu)

    5年前

    こんにちは

    トップページを表示したところ、正直充分に速いと思いますが・・・
    PageSpeed Insights などの計測結果はあくまで目安ですので、そこまでそれほどシビアに考えなくてもいいのではと思います。

    たとえば、「JavaScript の実行にかかる時間の低減」に出ている recaptcha や analytics などはもう、使用をやめるしかありません。
    「メインスレッド処理の最小化」で Script Evaluation に時間がかかっているのも、これらが原因ならどうしようもありません。
    「使用していない CSS を削除してください」に表示されているものも、そこそこ限界のような・・・

    「ウェブフォント読み込み中のテキストの表示」は改善できるかもしれませんね。
    検索すればいろいろ出てきます。

    また、私が試したところ、「キーリクエストのプリロード」はすでに合格した監査になっていました。

    トピック投稿者 megumitoshioka

    (@megumitoshioka)

    5年前

    @du-bist-der-lenzさん

    いつもありがとうございます。
    @munyagu様もおっしゃっているとおり、あまり神経質に考えないでいこうと思います。

    recaptchaを導入していることも遅くなっている原因なのか、と
    この結果を見て思いましたが、だからといってrecaptchaをアンインストールするかというと
    使いたいので削除は考えていません。

    どちらかというと私のブログは写真が多いので、
    以前、@du-bist-der-lenzさんがアドバイスしてくださったように
    画像のサイズをテーマの様式に合わせてリサイズしてみたら
    少しは軽くなるのかなと思いました。（数が多いので順次、差し替えていくつもりです。）

    少し前に、グーグルからモバイルユーザビリティの問題が検出されたとのメールが来て
    数点、指摘された件で修正をしていました。
    その流れから気にしてしまっていました^^;

    自分はどちらかというとネットはPCから、が多いのですが
    出先などではモバイルデバイスからのほうが便利ですので閲覧する人のことを考えたほうがいいのかなと
    意識するきっかけにはなりました。

    このたびもたいへん勉強になりました(^人^)

    トピック投稿者 megumitoshioka

    (@megumitoshioka)

    5年前

    @munyagu様、こんばんは。

    いつもお世話になっております。
    わざわざ検証していただきまして、ありがとうございます。

    先程、@du-bist-der-lenzさんへの返信でもふれましたが

    recaptcha や analyticsを使用しない、というのは選択肢として考えていませんので
    なかなか、どこを削っていくか、というと難しいですね。
    CSSも、追加CSSで入れたものは、こちらのフォーラムで教えていただいた最低限のものだけです。

    あとは画像のサイズと、@munyagu様の挙げてくださっています
    「ウェブフォント読み込み中のテキストの表示」について改善できそうかなと思います。
    ↑これはVW Bakery テーマがいろいろなフォントが入っているから、なんでしょうか。

    「キーリクエストのプリロード」については合格していたとのこと、
    こちらもありがとうございます。
    気にし過ぎても、グーグル様に振り回される感がありますので適度に参考にするように
    心がけますね。

    こちらのトピックは解決済みとさせていただきます(^人^)

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • トピック「ページの表示速度を改善したいです。」には新たに返信することはできません。