WordPressテーマSANGOの質問

Page Speed Insitghtsの点数が低い

アバター
NEXTist

突然すみません‍♂️SANGOが使いたくてサルワカさんに憧れてブログを始めました☺️ブログ歴は半年くらいでプログラミングはわからず初心者です
サルワカさんのサイトで勉強させていただきながら、毎日コツコツと記事を積み重ねていたのですが、PageSpeed Insightsで30%を下回ってしまい、サルワカさんの記事(WordPressを高速化する12の方法 – 表示速度を上げるテクニック)を読みながらほとんど実施しましたが全く改善しません
画像が多いブログなので、画像サイズの整え方がおかしいのかと色々調べていたのですが、アイキャッチの記事しかなく対処がわからなくて困っています
画質はいつも必ずTinyPNGで圧縮して使っています。
プラグインはAll ShortCode of SANGO、Autoptimize、BackWPup、Broken Link Checker、Contact Form 7、Easy Table of Contents、EWWW Image Optimizer、Google XML Sitemaps、Imsanity、Optimize Database after Deleting Revisions、PuSHPress、SANGO Gutenberg、Scripts-To-Footer、WordPress Ping Optimizer、WordPress Popular Posts、WP Fastest Cache、WP Multibyte Patchです。
お忙しいところ大変恐縮ですが、何かご教授いただければ幸いです‍♂️

画像のサイズを変えたり影をつけたりする方法
画像のサイズ変更や影をつける方法
コメントへの回答
サルワカくん
サルワカくん
2020/05/27

(質問のタイトルを変更させていただきました)
ページの表示速度を下げる主なポイントを紹介しておきます。

①Webフォントの使用
SANGOだとカスタマイザーのフォント種類から「Noto Sans JP」などのWebフォントを選べますが、日本語Webフォントの読み込みは表示速度に大きな影響を与えます。
(アルファベットと異なり日本語の種類は膨大にあるので…)
そのため、こだわりがない限りフォント種類で「デフォルト」を選ぶことをおすすめします。

②サーバーの不可を低減
たとえば「WordPress Popular Posts」はDBに膨大なレコードを保存するため、表示速度に影響を与える可能性があります。
表示速度を優先するのであれば、停止するのが良いと思います。
「Broken Link Checker」も負荷が大きくなることがあるので注意です。

③画像を圧縮する
トップページのヘッダーアイキャッチ画像に使われている画像は400KBを超えているようです。
この場所に設置されている画像は遅延読み込みするべきではないので、画像サイズを小さくするしかありません。
サイズを小さくする、圧縮する、画像を変更する等の対応が必要だと思います。

また、PNGのアイキャッチ画像はアップロード時にあらかじめ圧縮しておくとより小さくなるかもしれません(たとえばPNGオンライン圧縮ツールなどで)。

以上の3つが大きな影響を与えていると思います。
以下、影響は小さいと思われますが、一応チェックしておいた方が良いポイントを紹介します。

④広告数を減らす
アドセンス広告であれば読み込みが最適化されていると思いますが、それでも数が増えるとパフォーマンスに影響を与えます

⑤必須ではないプラグインを減らす
たとえば、クリックを検知するようなプラグインはパフォーマンス低下の原因になりやすいです。
「All ShortCode of SANGO」なんかもどうなんでしょうね(使ったことがないため分からず)。

Contact Form7は、フォームを設置していないページにまでフォーム用のCSSが読み込まれてしまうことがあるので注意が必要です。
Googleフォームを使い、サイトからはGoogleフォームへのリンクを貼る or iframeタグをページ内に読み込む方が良いかもしれません。

よろしくお願いします。