ブラウザキャッシュ、CDN、接続ヒント

3 つの調整項目は、ページの生成ではなく配信に関わります。静的ファイル向けの長寿命なキャッシュヘッダー、アセットのアドレスに入れる CDN ホスト、そして外部ホストへの早めの接続ヒントです。これらはページキャッシュが動いているかどうかに関係なく効きます。

ブラウザキャッシュのルールを .htaccess に

1. 「ブラウザキャッシュ (.htaccess)」のカードは「Assets」パネルの中、4 つのスイッチの下にあります。
2. 「サーバー」の行を見てください。ルールが効くのは Apache と LiteSpeed だけです。
3. 「.htaccess 書き込み可能」の行を確認してください。そこが「いいえ」であれば、書き込みはメッセージを出して失敗します。
4. 「ブラウザキャッシュのルールを書き込む」をオンにします。ブロックは WordPress ディレクトリーの .htaccess に書き込まれます。
5. 「ブロックを書き込む」と「ブロックを削除」を使えば、スイッチとは関係なく同じブロックを置き直したり取り除いたりできます。

ブロックに書かれる内容

• CSS、JavaScript、PNG、JPEG、GIF、WebP、AVIF、SVG、アイコン、WOFF2 に対する mod_expires による Expires ルール、いずれも 1 年
• 同じファイル形式に WOFF、TTF、OTF を加えたものに対する mod_headers による Cache-Control ヘッダー
• HTML、テキスト、CSS、JavaScript、JSON、SVG に対する mod_deflate による圧縮

Header set Cache-Control "public, max-age=31536000, immutable"

アセットのアドレスを CDN に書き換える

1. 「最適化」（ドイツ語：„Optimierung“）グループで「CDN」の項目を開きます。
2. 「CDN 配信 有効」をオンにします。
3. 「CDN ベース URL」に CDN ホストのアドレスを入力します。そのホストはサイトと同じ経路を映していなければなりません。
4. その後、「プレビュー」のカードに、書き換えられたアドレスがどう見えるかの例が表示されます。

書き換えられるのは自分のサイトのアドレスだけ、しかも静的なリソースだけです。CSS、JavaScript、画像、フォント、それに一部の動画ファイルと PDF ファイルです。対象になるのは読み込まれるスクリプトとスタイル、添付ファイルのアドレス、そして本文中の src、href、srcset です。CDN へのアップロードは行われません。ファイルはあらかじめそこから取得できる状態になっている必要があります。

dns-prefetch と preconnect

「Preload」パネル（見出しは「Preload / 接続」）では、ブラウザーに早めに接続させたいホストを登録できます。「dns-prefetch ホスト」は名前解決だけを行い、「preconnect ホスト」はさらに接続まで確立します。1 行に 1 ホストです。項目は WordPress のリソースヒント用フィルターを通じて差し込まれ、その際に重複が取り除かれます。