SWELLには「高速化」や「機能停止」など、表示速度に関わる設定が多く用意されています。
ただし、ネット上の設定例をそのまま真似すると、
・SEOプラグインとの役割が重複したり
・意味のない最適化をしてしまったり
・逆に表示が不安定になる
といったケースも少なくありません。
この記事では、Rank Mathを使用していることを前提に、
「SWELLの高速化タブでは、どこをどう設定すればいいのか」
を、実際の設定画面を見ながら整理します。
まずは、SWELL高速化設定の中でも基本となる
キャッシュ・CSS・遅延読み込み周りから見ていきます。
SWELL「高速化」タブの全体像（Rank Math使用前提）
キャッシュ機能の設定
まず「キャッシュ機能」ですが、ここは基本的にすべて有効で問題ありません。
SWELLでは、
・ヘッダー
・サイドバー
・グローバルメニュー
・トップページのコンテンツ
・ブログカード
といった表示内容をキャッシュすることで、
ページ表示時の処理を減らす仕組みになっています。
Rank Mathはキャッシュ処理を行わないため、
この部分で役割が重複することはありません。
特別な理由がない限り、
キャッシュ関連の項目はすべて有効にしておくのが無難です。
CSSの読み込み設定
次にCSSの読み込み設定です。
「SWELLのCSSをインラインで読み込む」は無効、
「コンテンツに合わせて必要なCSSだけを読み込む」と
「フッター付近でCSSを遅延読み込みする」は有効、
という構成がバランスの良い設定になります。
インラインCSSは一見速そうに見えますが、
ページ構成が複雑になると逆効果になることがあります。
SWELLはブロック単位でCSSを最適化できるため、
必要なCSSだけを読み込み、残りは後から処理する方が安定します。
コンテンツの遅延読み込み
「記事コンテンツを遅延読み込みさせる」
「フッターを遅延読み込みさせる」
は、どちらも有効で問題ありません。
これらはファーストビューの表示を優先し、
スクロール後に必要な要素を読み込むための設定です。
特に長文記事や画像が多いページでは、
初期表示の体感速度改善に効果があります。
画像のLazyload設定
画像のLazyloadは
「スクリプト（lazysizes.js）を使って遅延読み込みさせる」
を選択するのがおすすめです。
ブラウザ標準の loading=”lazy” よりも制御が安定しており、
画像・動画・iframe をまとめて遅延できるため、
SWELLとの相性が良い設定です。
スクリプトの遅延読み込み
ここでは、SNSなどの外部スクリプトを遅延させています。
デフォルトで設定されている
・Twitter
・Instagram
・Facebook
・Pinterest
のスクリプトは、本文表示に必須ではありません。
そのため、表示を妨げないよう遅延させるのは理にかなっています。
一方で、Google Analytics や Rank Math 関連のスクリプトは
ここには含めません。
これらは別途、手動で管理・最適化する方が安全です。
遅延させる秒数について
遅延時間は「5秒」に設定しています。
0秒では効果が薄く、
長すぎるとUXに影響が出やすいため、
5秒前後が無難なバランスです。
ページ遷移高速化について
ページ遷移高速化（Prefetch / PJAX）は使用していません。
PJAXは高速に見える反面、
SEOプラグインや計測系との相性問題が出やすく、
トラブル時の切り分けも難しくなります。
通常のブログ運用であれば、
無理に使う必要はありません。
このセクションのまとめ
SWELLの高速化タブは、
「とにかく全部ONにする場所」ではありません。
Rank Mathを使用している場合でも、
キャッシュ・CSS・遅延読み込みといった
表示速度に直結する部分はSWELL側で設定して問題ありません。
重要なのは、
SEOプラグインと役割が被らない範囲だけを調整することです。
jQueryの読み込み設定について
次に確認したのが、「jQuery」タブの設定です。
ここは「よく分からないから触らない」という人も多いですが、
SWELLでは“触り方さえ間違えなければ”表示速度に効くポイントでもあります。
jQueryを wp_footer で登録する
☑ チェックする（ON）
この設定は、jQueryを <head> ではなく フッター側（wp_footer）で読み込むためのものです。
jQueryはページの初期表示に必須なケースが少なく、
先にHTMLを描画してから読み込んだ方が体感速度は向上します。
SWELLはフッター読み込みを前提に作られているため、
ONにしても表示崩れが起きにくく、速度面ではメリットが大きい設定です。
jquery-migrate を読み込まない
☑ チェックする（ON）
jquery-migrate は、古いjQuery用コードとの互換性を保つためのものです。
最近のテーマやプラグインでは、ほとんど使われていません。
特別に古いプラグインを使っていない限り、
読み込む意味はほぼなく、単純に無駄なJSが増えるだけです。
問題が出た場合は後から戻せるため、
通常は ON（読み込まない）で問題ありません。
jQueryを強制的に読み込む
⬜ チェックしない（OFF）
この項目は、
「jQueryに依存したスクリプトが無くても、強制的にjQueryを読み込む」設定です。
SWELLでは、
- 必要な場面では自動でjQueryが読み込まれる
- 不要なページでは読み込まれない
という仕組みになっているため、
ここをONにするメリットはありません。
むしろ、
「使っていないページでもjQueryを必ず読み込む」
状態になってしまうため、速度面ではマイナスです。
jQueryタブの結論
- jQueryを wp_footer で登録する → ☑ ON
- jquery-migrate を読み込まない → ☑ ON
- jQueryを強制的に読み込む → ⬜ OFF
この組み合わせが、
SWELL＋最近のプラグイン環境では最も無難で高速です。
「全部ON」「全部OFF」にする必要はなく、
役割を理解したうえで必要なものだけ残すのがポイントです。
Font Awesome の読み込み設定について
次に確認したのが、「Font Awesome」タブの設定です。
ここも「とりあえず有効にしている人」が多い項目ですが、
実際には“使っていないなら読み込まない”のが最も高速です。
読み込み方：読み込まない
◉ 「読み込まない」 を選択
Font Awesome は、アイコン表示に便利なライブラリですが、
使っていない場合でも CSS や JS が読み込まれ、
それだけで通信量と処理が増えてしまいます。
SWELLでは、
- 独自アイコン
- SVG
- 絵文字
などで十分代替できるため、
Font Awesome を使っていない場合は読み込まないのが最適解です。
「念のため入れておく」という理由で有効にすると、
速度面では確実にマイナスになります。
CSSで読み込む / JSで読み込む について
今回はどちらも 選択していません。
CSSで読み込む場合
- すべてのアイコン用CSSを一括で読み込む
- 実際に使うアイコンが少ないと無駄が多い
JSで読み込む場合
- 表示制御はできるが、JSファイルが増える
- 管理がやや複雑になる
どちらも 「Font Awesome を実際に使っている場合のみ」検討すれば十分です。
バージョン：v6 / v5
◉ v6 を選択
今回は「読み込まない」設定のため、
バージョンによる実害はありませんが、
将来使う場合を考えるなら v6 が推奨です。
v5 は旧世代のため、
特別な理由がなければ選ぶ必要はありません。
Font Awesome 設定の結論
- Font Awesome を使っていないなら「読み込まない」
- 速度面ではこれが最も効果的
- 必要になったら後から有効化すれば問題なし
SWELLでは、
「使う可能性があるから有効にしておく」よりも、
「使うときだけ有効にする」方が安全で高速です。
ここまでのポイントまとめ
SWELLの高速化設定は、
何でもONにすることではなく、
使っていない機能を読み込まないことが一番効果的です。
SWELL「機能停止」設定はこれでOK｜“止める理由”がある項目だけチェックする
SWELLには「機能停止」という設定があります。
チェックを入れるだけで機能が止まるため、最初は
- 何を止めていいのか分からない
- とりあえず人まねで設定した
- これで合っているのか不安
になりがちです。
この記事では、実際に設定した内容を“項目名そのまま”で整理します。
結論から言うと、必要なところだけONにするのが正解です。
SWELLの機能
「ページ表示時のアニメーション」を停止する → ＯＮ
ページ表示時のアニメーションは“見た目をリッチにする演出”です。
ブログ運用では必須ではなく、むしろ初期表示の軽さを優先したい場面が多いので、停止（ＯＮ）で問題ありません。
「スムーススクロール」を停止する
スムーススクロールは、体感の好みが分かれるところです。
速度への影響は大きくないため、無理に停止する必要はありません。
「スクロールが重い／違和感がある」と感じたときだけ検討すればOKです。
「URLの自動カード化」を停止する
URLを貼ったときにカード化する機能は便利ですが、環境によっては余計な処理になることもあります。
ただし、通常のブログ運用で大きな速度差が出るポイントではないため、
「カード化を使わない」「表示が崩れる」などの理由があるときだけ停止を検討すれば十分です。
「空のpタグを自動削除する機能」を停止する
この項目は、編集環境（Gutenberg）によっては誤判定が起きやすく、
意図しない表示崩れにつながるケースがあります。
そのため、“止めるなら慎重に”の部類です。
特に困っていないなら、触らないほうが安全です。
「投稿画像をクリックで拡大表示する機能」を停止する
画像クリックで拡大表示する機能は、好みです。
使っていないなら止めてもいいですが、速度への影響は大きくありません。
「画像拡大は不要」「誤クリックが多い」など理由があるなら停止。
そうでなければそのままでOKです。
「PV計測機能」を停止する
SWELL独自の簡易PV計測機能です。
GA4などを使うなら“なくても困らない”機能ですが、これも速度面で決定打になる場所ではありません。
「使わないから整理したい」なら停止を検討。
ただ、無理に止める必要はありません。
「SWELLが用意しているブロックパターン」を非表示にする
これは主に管理画面側の見え方の話です。
サイトの表示速度に直結する項目ではありません。
「ブロックパターンを使わない」「選択肢が多くて邪魔」なら非表示。
そうでなければそのままでOKです。
カスタム投稿タイプ
「LP」を停止
「ブログパーツ」を停止
「広告タグ管理」を停止
「ふきだし管理」を停止
これらは SWELL の便利機能そのものです。
停止すると **“使えなくなるだけ”**なので、基本的には止めない方が無難です。
今後、
- LPを作る可能性がある
- ブログパーツやふきだしを使う
- 広告の管理機能を触る
可能性が少しでもあるなら、停止しない方が安全です。
※ すでに設定済みのデータはデータベースに残り、ブロックからも引き続き呼び出すことが可能です。
この注意書きの通り「データ自体は残る」ものの、
運用上は「急に使えない」が起きると困るので、基本は触らないでOKです。
WordPressの機能
ここは「チェックしても問題が起きにくい」項目が多いゾーンです。
WordPressのバージョン情報を出力しない → ＯＮ
セキュリティの観点で有効です。
公開情報を減らせるので、ＯＮでOKです。
rel=”prev/next”を出力しない → ＯＮ
現在の検索環境では、必須の出力ではありません。
ＯＮで問題ありません。
EditURI(RSD Link)を停止する → ＯＮ
外部エディタ連携などで使われる要素ですが、通常のブログ運用では不要です。
ＯＮでOKです。
絵文字用のスクリプトの読み込みをしない → ＯＮ
絵文字用のJS/CSSは、使っていないなら不要です。
読み込みを減らせるので、ＯＮでOKです。
セルフピンバックを停止する
セルフピンバックは、サイト内リンクで自分に通知が飛ぶ仕組みです。
気になるなら止めてもいいですが、致命的な差が出る項目ではありません。
「通知や管理がうるさい」と感じたときだけ検討でOKです。
コアのサイトマップ機能を停止する → ＯＮ
SEOプラグイン（例：Rank Math）でサイトマップを管理する場合、
WordPressコアのサイトマップと二重になるのを避ける意味で、ＯＮが無難です。
メディアライブラリの無限スクロールを停止する
これは管理画面の使い勝手の話です。
サイト表示速度とは直結しないので、困っていないならそのままでOKです。
meta=”robots” content=”max-image-preview:large”を出力しない
この指定は、画像のプレビューサイズに関わる要素です。
止めるメリットが明確でないなら、触らない方が無難です。
REST API用のlinkタグを出力しない → ＯＮ
head内の不要タグを減らす目的としては分かりやすく、
通常運用で困ることも少ないため、ＯＮでOKです。
画像のsrcsetを出力しない
srcsetは、端末に合わせた画像最適化に役立ちます。
止めると逆に不利になるケースがあるため、
困っていないなら触らない方が安全です。
記号の自動変換を停止する(wptexturize無効化)
文章の見え方に影響する可能性があるので、
理由がない限りは触らない方が無難です。
RSSフィードを停止する
RSSを止めてもSEO的メリットは大きくありません。
将来使う可能性もあるので、基本はそのままでOKです。
まとめ：SWELLの「機能停止」は“必要な分だけ”で十分
機能停止は、全部にチェックを入れて軽くする場所ではありません。
大切なのは、
- 止める理由がはっきりしている項目だけ止める
- SEOなどは プラグインと役割分担する
- 管理画面系は 困ったときだけ触る
この方針です。
今回の設定は、まさにその考え方に沿っていて、
ムダに止めすぎず、必要なものだけ止めている良いバランスです。
ｔ
t
t
t
t
f