SWELLの高速化に関する設定について解説 | プラグイン必要なし

2024年6月18日

WordPressテーマ「SWELL」を使用すれば、誰でも簡単に「おしゃれで洗練されたデザイン」のサイトやブログを作ることができます。

しかし、ブログ運営ではサイトのデザインだけでなく、SEO対策やユーザー体験の観点からもページの読み込み速度の高速化が必要になります。

そこで、この記事では、SWELLの高速化に関する設定について解説します。

専門知識がない方でもSWELLなら簡単にブログを高速化できるのでぜひ活用してみてください。

もし、SWELLの購入がお済みでない方や初期設定について知りたいという方は、下記記事を参考にしてください。

＼今すぐ購入したい方はこちら／

この記事の目次

SWELLの高速化に関する設定

SWELLの高速化に関する設定は、管理画面のメニュー「SWELL設定」の［高速化タブ］から行います。

SWELLの高速化に関する設定は、大きく分けると「4つ」あります。

それぞれの項目を詳しく見ていきます。

「キャッシュ機能」では、SWELLのキャッシュ機能についての設定を行います。

そもそも、キャッシュ機能とは「一度見たWebページの情報をブラウザ（Google ChromeやSafariなど）が一時的に記憶する機能」のことです。

キャッシュにより、閲覧の度にページ情報をダウンロードする必要がなくなるため、表示速度が上がります。

ちなみに、SWELLではブラウザにキャッシュを保存するのではなく、「Transients API」というAPIを使用しており、データベースにキャッシュを保存をしているそうです。

したがって、一度もサイトを訪れていない人でもキャッシュデータを利用できるため、ページの読み込み速度が上がります。

SWELLでは、以下の設定を行うことができます。

SWELLのキャッシュ機能

基本的には、すべての項目にチェックを入れて問題ありません。

ブログカードのキャッシュ期間もデフォルトの30日のままでOKです。

これで、キャッシュの設定は完了です。

サイトを更新した際に、変更が反映されない場合は、一度キャッシュデータを削除してください。

削除するには、管理画面メニューの「SWELL設定」>［リセット］タブから行います。

「キャッシュのクリア」の［キャッシュの削除］ボタンをクリックします。

これで、すべてのキャッシュデータを削除することができます。

また、テーマをアップデートした際には、全てのキャッシュデータが一削除される仕様になっています。

SWELLの高速化では、ファイルの読み込み速度を最適化する必要があります。

SWELLでは、CSSファイルを毎回読み込むのではなく、インラインで読み込むように設定できます。

ファイルの読み込み機能

SWELLのCSSをインラインで読み込む
コンテンツに合わせて必要なCSSだけを読み込む（※使用されている機能やブロックを読み取り、そのページに不要なCSSはできる限り読み込まないように最適化します。）
フッター付近のCSSを遅延読み込みさせる（※「SWELLのCSSをインラインで読み込む」がオンの時は効果がありません。）

ここでは、「SWELLのCSSをインラインで読み込む」と「コンテンツに合わせて必要なCSSだけを読み込む」にチェックを入れます。

ただし、インラインで読み込むことで、他のプラグインと干渉してしまうことがあります。

高速化プラグインがなくても、SWELLの機能で十分に高速化が可能です。

不具合が出る際は、プラグインの利用を止めるなどの対策が必要となります。

特に、「高速化プラグイン」は、SWELLでは不具合が出る場合があるので注意してください。