フォーラムをリニューアルしました!
今後は、新フォーラムをご利用ください。
サイトの読み込み速度改善について < SWELLに関する質問
サイトの読み込み速度がかなり遅いです。
PageSpeed Insightsで検査してみたら、30を切っている状態です。
自分なりに調べてみたのですが、解決しません。
考えられる原因や、改善のヒントなどをご存じの方がいらっしゃいましたらご教授いただければと思います。
よろしくお願いします。
ぱっと思いついた項目をざっと書きますので、詳しくは調べてください。
1.画像サイズを最適化する
--ファイルのサイズを圧縮してからアップロードするなど。
2.遅延読み込みを利用する
--SWELLに用意されている機能を使う( https://swell-theme.com/function/3817/)など。
3.CDNを利用する。
--ほかに比べ難易度が高いですが、CDNと呼ばれるサービスを利用してサーバー負荷を低下させる。
4.プラグインの入れすぎ
--不要なプラグインは削除して数を減らす。SWELL非推奨プラグイン( https://swell-theme.com/basic-setting/4688/)もチェックする。
5.キャッシュを使用する
--SWELLに用意されている機能を利用する( https://swell-theme.com/function/3797/)など。
6.ページ遷移高速化機能を有効にする
--SWELLに用意されています( https://swell-theme.com/function/5978/)
7.サーバーを見直す
--安価なプランのサーバーを利用している場合は、上位プランや速度の速いサーバーに変更する。海外サーバーを利用しているなら国内のものに切り替えるなど。
8.PHPのバージョンを最新にする
--サーバーのPHPのバージョンが最新のものになっているかチェックする。
9.コードを圧縮する
--SWELLではすでにコードの軽量化が行われているため実施してもあまり恩恵はないかも( https://swell-theme.com/basic-setting/4688/)との記述がありますが、こういう方法もありますということで挙げています。
10.余計なものは全部なくす
アニメーション機能(スライダーとか)を使用しまくったり、アドセンス広告も表示数が多くなると表示が重くなりがち。クリックされない広告は削除するとか、無駄な機能は削除する。プラグインで実現している機能も、SWELLやWordpressに標準装備されている機能で代用できないか考えてみる。
2.遅延読み込みを利用する
--SWELLに用意されている機能を使う( https://swell-theme.com/function/3817/)など。
①URLは合っていますが、クリックで飛ばないので一応貼っておきます
https://swell-theme.com/function/3817/
6.ページ遷移高速化機能を有効にする
--SWELLに用意されています( https://swell-theme.com/function/5978/)
②現在は公式の説明にあるように、カスタイマイズからの設定は出来ないようです
ダッシュボードのSWELL設定→高速化の中にある「遅延読み込み機能」にあります
③SWELLで使用できるキャッシュ機能についても高速化に関係します
https://swell-theme.com/function/3797/
- キャッシュ機能
- 遅延読み込みについて
- ページ遷移高速化機能
この3つは全て同じ場所で設定できるので、試してみてください
高速化に関しては、専門家に依頼するのが一番かと思います。
スキルシェアさんという方が個人的におすすめで、めちゃくちゃ知識が深い方です。
スキルシェアさんの記事も貼っておきます。
.
「PageSpeed InsightsとLighthouse Chromeブラウザ版とLighthouseウェブ版(web.dev)の違いと高速化ゴールの目安」