blog-management

知ってるようでしらないAFFINGER6でサイトを高速化する裏ワザ

こんにちは、なおきです(@naoki_koudou)。

悩んでいる読者

読者
AFFINGER6で画像圧縮やプラグイン整理はしたのですが、もっと表示速度(PageSpeed Insights)を上げる裏ワザはありますか?
なおき|サイト運営者

なおき
実はテーマ側のCSS読み込みや外部フォント、YouTube埋め込みの遅延化を見直すだけで体感がガラッと変わります!

AFFINGER6でブログを運営していた高校時代、僕もPageSpeed Insightsのモバイルスコアが赤やオレンジになって何度も悩みました。
プラグインを入れすぎると逆に重くなるため、「余計なものを読み込ませない」引き算の高速化が一番効きます。

1. Google Fonts・Webフォントの読み込みを最小化する

AFFINGER6の高速化チューニング
フォントやCSSの読み込みを減らすだけでLCP(最大コンテンツの描画)が大幅に改善します(Photo: Unsplash)

AFFINGER管理の「デザイン」や外観カスタマイズでWebフォント(Noto Sans JP等)を有効にしていると、初回表示で数百KB〜数MBのフォントデータを読み込むことになります。

  • 対策:システムフォント(游ゴシック・ヒラギノ・メイリオ等)を使う設定に切り替えると、追加リクエストゼロで文字が即座に描画されます。

2. 絵文字スクリプト(wp-emoji)とjQuery Migrateを停止する

WordPressは標準で全ページに絵文字変換用JSや古いjQuery互換スクリプトを読み込みます。AFFINGER管理 →「その他」や高速化設定から不要なスクリプト出力をOFFにするだけで、レンダリングブロックを削減できます。

3. 記事内のYouTube・SNS埋め込みを「クリック時読み込み」にする

YouTube動画やX(Twitter)埋め込みを記事にそのまま貼ると、ページを開いた瞬間に外部JSが大量に走ります。サムネイル画像+リンク、または遅延読み込み対応にすることで、モバイル表示速度を劇的に守れます。

4. さらに速くしたい場合はSWELL移行も選択肢

実際に僕もメインブログ(naoki-blogger.org)ではSWELLへ移行し、標準のキャッシュ・遅延読み込み機能だけで高速を維持しています。詳しくは「SWELLテーマで始めるブログ運営・サイト管理(Blog Management)完全ガイド」もあわせてご覧ください。

-blog-management