※本記事はアフィリエイト広告を含む記事へのリンクを含みます。
ブログの表示が遅くて、読者がすぐに離れてしまうと悩んでいませんか。私も画像をたくさん使った記事の読み込みが遅く、スマホでなかなか表示されない状態になっていました。SWELLの設定を見直したことで、ページがかなり軽くなったんです。
この記事では、SWELLの高速化設定を初心者向けにわかりやすく解説します。実際に表示速度の改善に取り組んできた体験も交えるので、読みながら進めれば、プラグインに頼らずブログを軽くできます。
※これからSWELLを導入する方へ:SWELLは買い切り型のWordPressテーマで、追加費用の心配がありません。この記事を見ながら進めれば、初心者でも迷わずおしゃれなブログを作れます。
デザインに悩む時間を減らして、記事作りに集中できます。
ニャフィブログの表示が遅くて困っているのにゃ…



表示が遅いと、せっかくの記事も読まれにくいですよね。



難しい設定をして、ブログが壊れたりしないかにゃ?



安全に進められる設定手順を、5つに分けて解説しますね。


SWELLの高速化が大切な理由


ブログの表示速度は、読者の満足度に大きく関わります。ページがなかなか表示されないと、記事を読む前に離脱されてしまうことも少なくありません。
筆者は表示速度を気にせず記事を書いていましたが、計測してみるとスマホでの読み込みが想像以上に遅かったんです。速度を改善することは、記事の質を上げるのと同じくらい大切だと実感しました。
表示が遅いと読者が離れてしまう
読者は、ページが表示されるまで長く待ってくれません。表示が遅いほど離脱が増えやすくなるので、快適に読める速さを保つことが、読まれるブログへの第一歩です。
SWELLには高速化機能が備わっている
SWELLには、キャッシュや遅延読み込みなどの高速化機能が最初から用意されています。プラグインを追加しなくても、設定だけでブログを軽くできるのが魅力です。
SWELLの高速化設定の基本


高速化の設定は、管理画面の「SWELL設定」からまとめて行えます。ただし、やみくもに設定を変えるのではなく、効果を確かめながら進めることが大切です。
筆者はAFFINGER6を使っていたころ、高速化用のプラグインを別に入れていました。SWELLではテーマの設定だけで十分な効果が得られたので、プラグインを減らせて管理もかなり楽になったと感じています。
設定前に今の表示速度を測っておく
設定を変える前に、PageSpeed Insightsなどのツールで今の表示速度を測っておきましょう。変更前後を比べられるので、どの設定が効果的だったかがわかります。
設定はひとつずつ試していく
一度にすべての設定を変えると、不具合が起きたときに原因がわからなくなります。ひとつ変えたら表示を確認するという流れで、慎重に進めていきましょう。
管理画面の「SWELL設定」を開き、高速化に関するメニューを選びます。ここで、キャッシュや遅延読み込みなどをまとめて設定できます。
ヘッダーやサイドバーなどのキャッシュ機能をオンにします。同じ内容を毎回読み込まずに済むので、ページの表示が速くなります。
画像の遅延読み込みをオンにすると、画面に表示される直前に画像を読み込みます。画像の多い記事ほど効果を実感しやすい設定です。
スクリプトの遅延読み込みを設定します。筆者はオンにした直後に一部の広告が表示されなくなったので、設定後は必ず表示を確認しましょう。
設定が終わったら、もう一度表示速度を計測します。変更前と比べて改善しているか、表示に不具合がないかをあわせて確認しましょう。
設定以外でできる高速化のコツ


SWELLの高速化設定に加えて、画像やプラグイン、サーバーを見直すことでも表示速度は改善できます。設定だけで足りないと感じたら、ブログ全体の重さにも目を向けてみましょう。
筆者は設定をひととおり見直したあと、サーバーを高速なものに乗り換えたことで、さらに表示が軽くなりました。エックスサーバーとConoHa WINGのどちらでも快適でしたが、土台となるサーバー選びの大切さを実感しています。
画像を軽くしてから使う
サイズの大きな画像は、表示が遅くなる大きな原因です。アップロードする前に圧縮や縮小をしておくだけで、ページの読み込みがぐっと軽くなります。
プラグインを入れすぎない
プラグインが増えるほど、読み込む処理も増えてしまいます。SWELLの機能で代わりになるものは外し、本当に必要なプラグインだけに絞りましょう。
SWELL高速化のチェックリスト
- キャッシュと遅延読み込みを設定した
- 画像を圧縮してからアップロードしている
- 不要なプラグインを停止・削除した
- 表示速度の速いサーバーを使っている


よくある質問


【ここまで読んでくださった方へ】:SWELLなら、ブロックエディターで直感的に記事を装飾でき、初心者でもすぐに見やすいブログが作れます。
買い切り型なので、一度購入すれば長く安心して使い続けられます。
まとめ
SWELLにはキャッシュや遅延読み込みなどの高速化機能が備わっており、設定だけでブログを軽くできます。あわせて画像の圧縮やプラグインの整理を行えば、さらに快適な表示に近づけます。
表示の遅さに悩んだ筆者のおすすめは、速度を測りながら設定をひとつずつ見直すことです。まずは今の表示速度を計測して、キャッシュ機能から試してみてください。



ブログの表示がサクサクになったにゃ!



お疲れさまでした!読者も快適に読めるようになりましたね。



ほかのテーマの速さも比べてみたいにゃ!



おすすめテーマをまとめた記事もぜひどうぞ。


おすすめ記事
-
ラッコキーワード


ラッコキーワードは無料でどこまでできる?制限と有料との違い
-
ラッコキーワード


ラッコキーワードの使い方を初心者向けに解説|基本の5ステップ
-
ラッコキーワード


ラッコキーワードとは?できることと料金プランを初心者向けに解説
-
SWELL


SWELL会員サイトにログインできない時のパスワード再設定方法
-
SWELL


SWELLで画像がぼやける原因と対処法|くっきり表示するコツ
-
SWELL


SWELLでスマホの表示崩れを確認する方法と直し方
-
SWELL


SWELLでプラグイン競合による表示崩れの原因と対処法
-
SWELL


SWELLのエディタとプレビューで表示が崩れる原因と対処
-
SWELL


SWELLのブロック一覧が表示されない時の原因と対処法
-
SWELL


SWELLのカスタマイザーが反映されない時の原因と対処法
-
SWELL


SWELLのアップデート後に表示崩れした時の原因と対処法
-
SWELL


SWELLで追加CSSを追加する方法と反映されない時の対処










コメント