pageinsightsで効果抜群!WordPressページの表示速度を劇的に上げた方法【4➜97】
最初に
長年放置していたこのブログですが急激に収益が減った出来事があり、原因を探っていたところあまりのページ速度の遅さに気づき改善することになりました。
以前一回ページ速度を改善するために様々な工夫(CSSやその他のコードの圧縮、キャッシュなど)をしたことがあり、大丈夫だろうと踏んでいた矢先の出来事だったので改善の仕方がもう見当たらない状況でした
そんな状況で
ページ速度を真っ赤の4から97に上げた極めてシンプルなやり方を紹介したいと思います
改善した結果
※ページ速度を測るために使用したサイト↓
mobile
pc
このページは速度が遅い事がわかりましたという出る理由はページ速度改善以前の過去30日間のデータも含まれているためなので悪しからず。
色々なやり方で改善を試みましたが、あまり効果がなく結局最終手段を使った後、爆発的なページの早さを手に入れることが出来ました
これはあくまでも最終手段なので最初はプラグインなどで小さい所から改善することをおすすめします。
ワードプレスページ速度を改善する方法まとめ
プラグインで改善する方法
Autoptimize
CSSやその他javascriptのコードを圧縮して無駄な読み込みを少なくするプラグインです。間違いなく効果あります
しかし私は以前改善した段階で既に入れていたのであまり効果は得られず
Optimize Database after Deleting Revisions
記事作成するに当たっての自動更新される不要なリビジョンを削除してくれるプラグインです
効果はあまり見られませんでしたが、気持ちの面(?)で軽くなった気がしたので入れています
WP Fastest Cache
キャッシュ系プラグインはやはり一つ入れておきたいところですね
私がページ速度を改善するために入れているプラグインは上記の3つのみです。
これ以上プラグインを入れても効果を実感出来なかったので3つで十分だと個人的には思います。
キャッシュ系、コード圧縮形の改善策を施した後にも一向にページ速度が改善されない場合は以下のやり方を試してください
既定の仕様を削る
フォントを切る
私は今まで自分のお気に入りのフォントを使っていました
ですが、ページ速度の観点から見ればフォントは大変重いらしくフォントのプラグインを切った場合PageSpeed Insightsにおいて20くらい数値が上がることを確認しました
しかし私はあくまでもフォントにこだわりたかったので、この方法は却下することにしました。
相変わらず点数は4点のまま数時間が経過してしまう・・・
グーグルの自動広告を消す
グーグルの自動広告、特にホーム画面におけるインフィード広告は、かなりページの遅延につながることがわかりました
ですが自動広告を切ってしまうと収益が下がるので、自動広告を任意の広告に変えることでページ速度を上げることが出来ました(下の方で詳しく話します)
上記のすべてをやってもページ速度が上がらない、もしくはこだわりたい部分があるのでどうしても残しておきたい部分がある方は
いよいよ
最終手段を使いましょう
最終手段
最後の手段はつまり
ページ高速化に特化したワードプレスのテーマに変える事です
何時間も頭を悩ませたのが馬鹿らしくなるくらい即効で効果が出ます。
私が以前使っていたワードプレスのテーマはsimplicityでした(simplicityも優れたワードプレスのテーマの一つです)
今回変えることになったテーマはLuxeritas(ルクセリタス) です
非っ常ーに早いです。とにかく軽いです
そしてなんと・・・無料です!
無料でこれだけのテーマが使えるって中々ないと思うので、非常に感謝です!
テーマを移行するに当たってのpvの減少は多少ありましたが、ページ速度がかなり上がったので大変満足しています。
テーマを移行するに当たっての注意点がいくつかあります。
ルクセリタスのテーマと相性が悪いプラグインがあるらしく、以下URLをペタッと貼っておきます
https://thk.kanzae.net/wp/settings/t1270/
ルクセリタスにテーマ移行した後、自動広告でまた点数が下がってしまう方は自動広告を切って手動で広告を設置することをおすすめします(ホーム画面のインフィード広告なら記事の一番上、中間、下という感じです)
以上のやり方で私はモバイルサイト点数4 ➜ 97 pc 47 ➜ 100になりました。
最近、モバイルでインターネットを見ている方が増えている実感があるので、ページ速度の改善はいずれはやらないといけない課題でした。
改めてテーマを変えてよかったなと思いますw
※テーマ移行は少し極端なやり方なので、あくまでも自己責任でお願いします!