ページの表示速度を改善したいです。
-
いつもお世話になっております。
スレ違いでしたら失礼します。
先日、公開したサイト（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)をあまり触りたくないのですが
もし解決策があれば教えてください。ヘルプの必要なページ: [リンクを見るにはログイン]
-
@munyagu様、こんばんは。
いつもお世話になっております。
わざわざ検証していただきまして、ありがとうございます。先程、@du-bist-der-lenzさんへの返信でもふれましたが
recaptcha や analyticsを使用しない、というのは選択肢として考えていませんので
なかなか、どこを削っていくか、というと難しいですね。
CSSも、追加CSSで入れたものは、こちらのフォーラムで教えていただいた最低限のものだけです。あとは画像のサイズと、@munyagu様の挙げてくださっています
「ウェブフォント読み込み中のテキストの表示」について改善できそうかなと思います。
↑これはVW Bakery テーマがいろいろなフォントが入っているから、なんでしょうか。「キーリクエストのプリロード」については合格していたとのこと、
こちらもありがとうございます。
気にし過ぎても、グーグル様に振り回される感がありますので適度に参考にするように
心がけますね。こちらのトピックは解決済みとさせていただきます(^人^)
- トピック「ページの表示速度を改善したいです。」には新たに返信することはできません。