会員サイトをリニューアルしました! 新サイトはこちら

サイトの読み込み速度改善について < SWELLに関する質問

フォーラムをリニューアルしました!
今後は、新フォーラムをご利用ください。

サイトの読み込み速度改善について
 
通知
すべてクリア

[解決済] サイトの読み込み速度改善について

7 投稿
4 ユーザー
16 Likes
1,526 表示
naole
(@naole)
Eminent Member
Topic starter
 

サイトの読み込み速度がかなり遅いです。

PageSpeed Insightsで検査してみたら、30を切っている状態です。

自分なりに調べてみたのですが、解決しません。

考えられる原因や、改善のヒントなどをご存じの方がいらっしゃいましたらご教授いただければと思います。

よろしくお願いします。

 
投稿済 : 28/02/2021 1:07 pm
Eiter
(@eiter)
Trusted Member
 

ぱっと思いついた項目をざっと書きますので、詳しくは調べてください。

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に標準装備されている機能で代用できないか考えてみる。

 
投稿済 : 28/02/2021 6:14 pm
naole
(@naole)
Eminent Member
Topic starter
 

@eiter

ご丁寧なご回答ありがとうございます!

当方、初心者なので本当に助かります💦

早速試してみますね!

 
投稿済 : 01/03/2021 3:46 am
Eiter reacted
あさひ
(@asahi)
New Member
 

投稿者:: @eiter

2.遅延読み込みを利用する
--SWELLに用意されている機能を使う( https://swell-theme.com/function/3817/)など。

①URLは合っていますが、クリックで飛ばないので一応貼っておきます
https://swell-theme.com/function/3817/

投稿者:: @eiter

6.ページ遷移高速化機能を有効にする
--SWELLに用意されています( https://swell-theme.com/function/5978/)

②現在は公式の説明にあるように、カスタイマイズからの設定は出来ないようです

ダッシュボードのSWELL設定→高速化の中にある「遅延読み込み機能」にあります

③SWELLで使用できるキャッシュ機能についても高速化に関係します
https://swell-theme.com/function/3797/

  • キャッシュ機能
  • 遅延読み込みについて
  • ページ遷移高速化機能

この3つは全て同じ場所で設定できるので、試してみてください

This post was modified 3年前 by あさひ
 
投稿済 : 01/03/2021 5:05 am
naole
(@naole)
Eminent Member
Topic starter
 

@asahi

ありがとうございます!

本当に助かります😢

 
投稿済 : 01/03/2021 6:12 am
了(開発者)
(@ryo)
Illustrious Member Admin
 

高速化に関しては、専門家に依頼するのが一番かと思います。

スキルシェアさんという方が個人的におすすめで、めちゃくちゃ知識が深い方です。

スキルシェアさんの記事も貼っておきます。

.

「PageSpeed InsightsとLighthouse Chromeブラウザ版とLighthouseウェブ版(web.dev)の違いと高速化ゴールの目安」

https://skillshare.biz/pagespeed-insights-lighthouse/

 
投稿済 : 01/03/2021 1:19 pm
maruBne, JUNsalamandrine7, あさひ and 2 people reacted
naole
(@naole)
Eminent Member
Topic starter
 

@ryo

ありがとうございます。

参考にさせていただきます!

 
投稿済 : 01/03/2021 3:49 pm
共有: