Cloudflare最適化ガイド

効果

設定手順（所要時間: 20-30分）

1. Cloudflareダッシュボードにログイン

1. Cloudflareにアクセス
   https://dash.cloudflare.com/ にアクセス
2. ドメインを選択
   web-tsukuru.jp ドメインをクリック

2. Early Hintsを有効化

1. Speedメニューをクリック
   左側のメニューから「Speed」→「設定」を選択
2. コンテンツの最適化タブ
   上部の「コンテンツの最適化」タブをクリック
3. Early HintsをON
   「Early Hints」のトグルスイッチをONにする
   ✅ 効果: ブラウザがリソースを先読みして高速化

3. Page Rules（最重要）

Page Rulesで画像ファイルをキャッシュすると、最も大きな効果が得られます。

1. Page Rulesメニューを開く
   左側メニュー「Rules」→「ページルール」をクリック
2. 新規ルール作成
   「ページルールを作成」ボタンをクリック
3. URLパターンを入力
   「URL（必須）」欄に以下を入力：
   *web-tsukuru.jp/works/hotta/images/*
4. キャッシュレベルを設定
   
   1. 「設定を選択する」ドロップダウンをクリック
   2. 「キャッシュレベル」を選択
   3. 右側のドロップダウンで「Cache Everything」を選択
   ⚠️ 警告が表示されます: 「このルールはあなたのトラフィックには適用されない可能性があります」
   → 「とにかくルールを無視して展開する」を選択してOK
   
5. ルールを保存
   「ページルールを保存およびデプロイ」ボタンをクリック
6. 完了確認
   Page Rules一覧に新しいルールが表示され、緑色のトグルがONになっていればOK

4. キャッシュをクリア（必須）

設定変更後は必ずキャッシュをクリアしてください。古いキャッシュが残っていると効果が見えません。

1. Cachingメニューを開く
   左側メニュー「Caching」→「構成」をクリック
2. すべてパージをクリック
   右上の青いボタン「すべてパージ」をクリック
3. 確認画面で実行
   「すべてのキャッシュされたファイルをパージすると、Webサイトが一時的に遅くなる場合があります」という警告が表示されます。
   → 「すべてパージ」をクリック
   💡 注意: パージ直後は一時的にサイトが遅くなりますが、すぐにキャッシュが再構築されて高速化されます。

検証手順

トラブルシューティング