※アフィリエイト広告を利用しています

スマホでのみwordpressの表示速度が遅い|サイトの速度を速くする方法

今まで気にしたことがなかったのですが、いくつか持っているアフィリエイトサイトのアクセス数がどんどん少なくなっていることに気が付きました。

使用しているテーマは無料のSimplicity2です。

検索結果の上位表示がされなくなってきていたのですが、大手の競合が出てきているから仕方ないくらいに思っていました。

ただ、もう少しどうにかできないか考え、表示速度を測定してみたところ、とんでもなく遅いことが判明

サイトに載っているいろいろな方法を試しましたが改善せず

やっと改善したやり方がありましたので備忘録も兼ねて紹介します。

改善前・改善後の比較

サイトの速度は『PageSpeed Insights』という無料のサイトに調べたいサイトのURLを入れるだけで簡単に調べられます。

改善前はこんな状況。

wordpress スマホ表示のスピードが遅い

速度が遅すぎて、パフォーマンスが47とかでした。

こちらスマホの場合で、PCでの表示は90以上でした。

改善後がこちら。

99%まで改善しました。

試したけど変わらなかった方法

いろいろなサイトをみて試してみた方法がこちら。

  • 画像を圧縮する(プラグイン:EWWW Image Optimizer)
  • プラグインを停止してみる
  • プラグインを削除する
  • wordpressやプラグインを最新の状態にする
  • 画像の表示を遅らせる(プラグイン:a3 Lazy Load)
  • Googleアドセンスの表示を遅らせる(参考にしたサイト
  • CSSやJavaScriptのコードを最適化(プラグイン:Autoptimize)
  • JavaScriptの遅延読み込みをさせる(プラグイン:Async JavaScript)
  • 高速と言われる有料テーマSWELLに変える

これらをやりましたがほぼ変わりませんでした。

レンタルサーバーはロリポップを使っており、スタンダードプランを使用しているので、もしかしたらハイスピードプランにしたら変わるのかも?と思っていたのですが、PCの場合は速いため、サーバーの問題ではないかも知れないとも思い、プランの変更は最後の手段にすることにしました。

サイトの表示スピードを速くする方法

実際に試して効果があった方法が、『スクリプトの遅延読み込みをキーワードで指定する』という方法です。

まさるさんが書いている、

【2024年版】無料でSWELLを高速化!ページ表示速度を改善する10個の設定を解説

というサイトにこちらの方法が載っていました。

SWELLというwordpressの有料テーマだと、『遅延読み込み対象にするスクリプトのキーワード』というところでキーワード指定をすることができます。

※他のテーマでもキーワードを入れられないか考え、スクリプトの遅延読み込みを行うプラグインを探しました。

けれども、私が探した限り、『Async JavaScript』のような遅延読み込みをするプラグインにはキーワードを入れるところはありませんでした。

プラグインを入れても、通常の設定のみでは速くなることはありませんでした。

こちらのコードを入れるやり方を使うには、有料テーマのSWELLにする必要があります。

もう打つ手がない場合はぜひ変更を検討してみてください。

遅延読み込み対象の部分には、初期設定ではスプリクトのキーワードは4行ほどしか書いておらず、そのままにしていたら全く速度が上がりませんでした。

まさるさんのサイトで紹介していたコードに変更したところ、爆速になりました。

あとから知りましたが、SWELLの公式サイトにもコードを追加するやり方が載っていました。

公式に載っていたコードはこちらです。

twitter.com/widgets.js,
instagram.com/embed.js,
connect.facebook.net,
assets.pinterest.com,
googletagmanager.com/gtag/js,
gtag(,
clipboard.min.js,
set_urlcopy.min.js,
luminous.min.js,
set_luminous.min.js,
rellax.min.js,
set_rellax.min.js,
prism.js,
hcb_script.js,

引用:SWELL公式サイト

まさるさんはこちらに載っていたコードを少し改変して作られたようです。

私には違いが分かりませんが、どちらで大丈夫かも知れません。

もともと検索順位をあげたくて、SEO対策がされている有料テーマのSWELLを購入しましたが、結果的にこれにして正解でした。

サーバーのプランをランクアップしても、改善されるかも分からないですし、毎月金額がかかってきます。

でも、SWELL一回買ったらずっと使えます。

複数のサイトに使うこともできます。

私みたいにいろいろ試してもどうしても速度が早くならない方、ぜひ検討してみてください。

ちなみにこのサイトはまだSWELLに変えていませんので違います。

私が使用した有料テーマ

  • 国内人気 No.1*1 のWordPressテーマ 『SWELL』
  • 1回買い切りでずっと使える
  • 販売価格(値段)は17,600円(税込)
  • ブロックエディタ対応
  • プラグインを入れればクラシックエディタで使うことも可能
  • 所有している複数のサイトに使用可
  • 初心者でも分かりやすい