ワードプレスを初めて、最初のテーマは、SEOに強いと評判のStingerを入れました。
無料のテーマですが、その後、Stinger7、Stinger Plusと使ってきましたが、今回評判のAffinger5(Wing)にすることにしました。
導入直後はまぁまぁ早かったのですが、久しぶりにPageSpeed Insights でスピードをチェックしてみると激遅ぶりにびっくり。特にモバイルが遅いので致命的です。Affingerを早くした!と謳っているサイトをみると、もっともらしいことが書いていますが、実際にPageSpeed Insightsでは全然数字が出ていないことも。。。 もっともらしいことが書いてあっても注意が必要です。
目次
現状
- XSERVER(エックスサーバー) :X10プラン
- WordPress バージョン:5.5.1
- WordPress のテーマ:Affinger
- Autoptimize:2.7.8
まとめ
一番ためになった記事。実際に速度が速く出ている。
https://enpreth.jp/media/wordpress-speed-up/
第三者コードの影響を抑える
Autoptimizeを使用しpreconnectすることで、速度向上を目指す。
https://www.jacepark.com/how-to-load-third-party-javascript-efficiently/
一方で、Google神は、3個までとおっしゃる。3個以上事前接続リンクすると
必須のドメインへの事前接続
警告: 事前接続のリンクが 3 個以上見つかりました。事前接続のリンクは控えめに、最も重要なリンク元にのみ使用する必要があります。
レンダリングを妨げるリソースの除外
以前のスコア
Affinger5(Wing)にした理由
テーマを変えた理由は、読者さんのために、少しでも見やすいテーマ、高速なテーマにしようとしたのが理由です。
結構、アクセスが増えてきたので、有料テーマで作者の人に恩返しをしたいという気持ちもありました。
Affinger5(Wing)導入前後のpage insightの計測値
トップページでの計測値です。
PCは早くなりましたが、Mobileがスコアが落ちてしまいました。
うーん、難しいですね。
導入前 | 導入後 | 差 | |
Mobile | 96 | 83 | -13 |
PC | 73 | 89 | 16 |
導入前 Mobile 96 PC73
導入後 Mobile 83 PC 89
パソコンは上がりました!
Affinger5(Wing)を導入した後にした事
Cashの削除
WP Fastest Casheの削除を行いました。
関連広告の設置
関連広告も再設定。
これは便利です。
見出し前に広告挿入
これはやりたかった機能。
最初のH2上に自動で置けるようになりました。
Google自動広告の設定
これはもともと使っていたもの。
Affinger5を入れた際に切れてしまったので再設定。
Header画像
結構重いということに気が付いたので一旦外してみる事にしました。
アクセス事に、一枚だけ読み込むような機能があると便利かと思います。
Affinger5(Wing)を導入した後にした事
サイトの読み込みは結構早くなった気がします。
page insightのスコアも改善しました。
但し、編集用の画面に入るとちょっともっさりしている気もします。
Affinger5(Wing)を購入した場所
公式サイトとInfo Topがあるみたいですが、クレジットカードを入れるのでInfo Topのサイトから購入しました。
値段はどちらも同じ15000円ぐらいです。
WordPressテーマ 「WING(AFFINGER5)」