PageSpeed Insights

とりあえずのメモ

Pingdomのサイト速度テストと今後の課題

PageSpeed Insightsの改善点がなくなりました。 さらに Pingdomでテストすると、gzip圧縮とキャッシュ有効期限の設定の改善提案がありました。 TTFB(Time to First Byte) PageSpeed Insightsのパフォーマンスが 98 になりました。主な改善点もなくなりました。 PageSpeed Insights(chiilabo.com 2023/07...
とりあえずのメモ

PageSpeed Insightsのスコアを上げるためにしたこと(2023年7月)

トップページの PageSpeed Insightsのスコアを上げるために、いろいろ試みました。結果、モバイルでも ほぼ100点のスコアにすることができました。 PageSpeed Insightsの項目を見て、手当り次第 対処法を探していきましたが、振り返ってみると優先順位があることに気づきます。 WordPressサイトの高速化では「幹」から「枝葉」の順番に検討していくとよいとわかりました。 ...
とりあえずのメモ

サイト高速化のため FontAwesome 5 を 4 に戻した [WordPress, Cocoon]

サイト表示の負荷を減らすために、FontAwesome 5 から 4 に変更しました。 CSSで一部で FontAwesome 5のアイコンフォントを利用していたので、FontAwesome 4 に変えました。 Largest Contentful Paint を速めるのに、ちょっと効果がありました。 項目FontAwesome 5FontAwesome 4パフォーマンス9294First Con...
とりあえずのメモ

「最大コンテンツの描画」のRender Delayを減らす(Largest Contentful Paint)

LCP(Largest Contentful Paint)の数値を改善できないか、「Render Delay」に注目してみました。 使っていないアイコンフォントを軽量化したら、少し改善しました。 項目前後Largest Contentful Paint2,900 ms1,760 msRender Delay2,250 ms1,020 ms Largest Contentful Paint の Re...
とりあえずのメモ

Cocoonの「事前読込みドメイン」を減らした(DNSプリフェッチ)

ついでに、「LiteSpeed Cacheのは、Cocoonの機能と重複する」ということで、Cocoonの事前読込み設定も確認してみました。 DNSプリフェッチ 事前読込みは、「DNSプリフェッチ」と「preconnect」に関係しています。 ドメイン名からIPアドレスを求める処理(DNSの名前解決)にかかる時間は平均して 200ミリ秒と言われています。 要は、アクセスしそうなドメインの IPアド...
とりあえずのメモ

[Cocoon] LiteSpeed Cacheを改めて使ってみる

PageSpeed Insightsをみると、あとは「サーバーの応答時間」を改善するぐらいです。 以前、サーバーキャッシュを設定したら、更新が反映されなかったり、ページ内のランダム要素が固定化したり、とかえって困ることがありました。 改めて調べてみたら「LiteSpeed Cacheの不具合の少ない設定方法と使い方 | マニュオン」での解説がわかりやすかったので、LiteSpeed Cacheのプ...
とりあえずのメモ

フォームの要素にラベルが関連付けられていません(input#focus_retriever, iframeTracker)[PSI]

PageSpeed Insightsで「フォームの要素にラベルが関連付けられていません」として、「input#focus_retriever」が問題になっていました。 js-iframe-trackerを無効したら解決しました。 iframeTrackerは、リンククリックを計測するためのjQueryプラグインです。 フォームの要素にラベルが関連付けられていません PSIで「input#focus...
とりあえずのメモ

[Cocoon] カルーセル使用時のCLSを改善するために高さを計算した(calc, vw)

PageSpeed Insightsで計測したときに、CLS(Cumulative Layout Shift)が「0.33(不良)」になるのが気になっていました。 主な原因は、トップページで表示しているカルーセルです。 CSSの calc() を使って、画面の幅からカルーセルの高さを計算することで、CLSを 0 に改善できました。 カルーセルがCLSに悪影響している CLS(画面ズレ)が起こるのは...
とりあえずのメモ

[PSI] サイトロゴの画像サイズを最適化した 「画像要素で width と height が明示的に指定されていない」(片方だけでは暗黙)

PageSpeed Insights(PSI)の減点項目に「画像要素で width と height が明示的に指定されていない」としてヘッダーのサイトロゴがありました。 これまで ヘッダーのロゴとモバイルヘッダーメニューのロゴは、高さだけを指定していました。 高さだけでも表示サイズは計算できていましたが、PageSpeed Insightによると「ユーザー補助」の面で減点になるようです。 ヘッダ...
とりあえずのメモ

【検討中】 jquery-migrateを減らしてみたけど、戻した [WordPress]

PageSpeed Insightsで「レンダリングを妨げるリソースの除外」を見てみると、jqueryに関する2つのスクリプトが目につきました。 (Google CDN)jquery.min.js?ver=3.6.1 (Cloudflare CDN)jquery-migrate.min.js?ver=3.0.1 これを除外できないか試みてみました。 jQueryスクリプトを入れ替え jQueryの...
とりあえずのメモ

[PHP] 不要なCSS/JavaScriptを無効化する(wp_dequeue_style, wp_dequeue_script)

トップページで読み込まれているスタイル・スクリプトの中から、不要なものを削減しました。 項目変更前CSS/JS減パフォーマンス7071使用していないJavaScriptの削減0.40s0.60s使用していないVSSの削減0.35s0.45sスクリプトサイズ0.77MB0.69MB 不要なスタイル・スクリプトを見つける 前回は、不要なプラグインを無効化しました。今回は不要なスタイル・スクリプトを削除...
とりあえずのメモ

[WordPress] サイト高速化のために不要なプラグイン処理を減らした(Plugin Load Filter, Site Kit by Google)

ページ表示速度を改善するため、Plugin Load Filterプラグインでトップページの Site Kit などを無効化した。 PageSpeed Insights のパフォーマンスが「54」から「70」に改善できた。(「使用していないJavaScriptの削減」が 2.4 s ➤ 0.4 s に) プラグインの取捨選択は、サイト高速化にとってもオススメだね。 ページの読込みが遅い気がする【5...
インターネット小話

使用していないスクリプト・スタイルを減らしたい [PageSpeed Insights]

ブログのページを高速化したいけど、どこを削ったらよいかわからない💦 とりあえず、「使用していないJavaScriptの削減」について、よくわからなかったことを、よくわからなかったなりにメモしておきます。 PageSpeed Insightsの使用していないJavaScriptの削減 PageSpeed Insightsをみると、「改善できる項目」に「使用していないJavaScriptの削減」があり...
ニッチな話題

LiteSpeed Cacheプラグインをオン・オフで比較してみた

LiteSpeed Cache(v3.6.4)プラグインの「キャッシュ機能」のオン・オフでどれぐらい違うのか、比較してみました(2021年3月23日現在)。 もしかして、誤差の範囲……? もう少し詳しく比較してみましょう。 比較 無効のとき プラグインが無効のときも比べてみます。 オフのとき オンにした直後 オンにして再分析 比較結果 モバイルのラボデータ無効オフオン(直後)オン(2回目)Firs...