Cache bàn giao

Trình lập Cache-Control CDN

Chọn loại tài nguyên để nhận gợi ý Cache-Control. Tệp có hash có thể immutable dài; HTML và API riêng nên xác thực lại hoặc cấm cache dùng chung.

Sẵn sàng100/100

Quy tắc6

immutable2

no-store1

Vấn đề0

Loại tài nguyên

Tên tệp có hash thì dùng immutable một năm được. HTML và API đăng nhập thì không.

Tên tệp tĩnhChiến lược HTML

Kế hoạch chỉ ở trình duyệt này, không tải lên.

Header gợi ý

Gắn Cache-Control vào đường dẫn CDN hoặc origin tương ứng.

Loại	Khớp	Cache-Control
JS/CSS/ảnh có hash	`/assets/.[hash].`	`public, max-age=31536000, immutable`
Tài liệu HTML	`/`	`public, max-age=0, must-revalidate`
API riêng	`/api/*`	`private, no-store`
Phông chữ	`/fonts/*.[hash].woff2`	`public, max-age=31536000, immutable`
Ảnh không hash	`/images/*`	`public, max-age=86400, stale-while-revalidate=604800`
Sitemap XML	`/sitemap*.xml`	`public, max-age=3600, stale-while-revalidate=86400`

Nginx

location /assets/*.[hash].* {
  add_header Cache-Control "public, max-age=31536000, immutable";
}

location / {
  add_header Cache-Control "public, max-age=0, must-revalidate";
}

location /api/* {
  add_header Cache-Control "private, no-store";
}

location /fonts/*.[hash].woff2 {
  add_header Cache-Control "public, max-age=31536000, immutable";
}

location /images/* {
  add_header Cache-Control "public, max-age=86400, stale-while-revalidate=604800";
}

location /sitemap*.xml {
  add_header Cache-Control "public, max-age=3600, stale-while-revalidate=86400";
}

Vercel

{
  "headers": [
    {
      "source": "/assets/:path*\\.[hash]\\.:path*",
      "headers": [
        {
          "key": "Cache-Control",
          "value": "public, max-age=31536000, immutable"
        }
      ]
    },
    {
      "source": "/",
      "headers": [
        {
          "key": "Cache-Control",
          "value": "public, max-age=0, must-revalidate"
        }
      ]
    },
    {
      "source": "/api/:path*",
      "headers": [
        {
          "key": "Cache-Control",
          "value": "private, no-store"
        }
      ]
    },
    {
      "source": "/fonts/:path*\\.[hash]\\.woff2",
      "headers": [
        {
          "key": "Cache-Control",
          "value": "public, max-age=31536000, immutable"
        }
      ]
    },
    {
      "source": "/images/:path*",
      "headers": [
        {
          "key": "Cache-Control",
          "value": "public, max-age=86400, stale-while-revalidate=604800"
        }
      ]
    },
    {
      "source": "/sitemap:path*\\.xml",
      "headers": [
        {
          "key": "Cache-Control",
          "value": "public, max-age=3600, stale-while-revalidate=86400"
        }
      ]
    }
  ]
}

Trình lập Cache-Control CDN

Loại tài nguyên

Header gợi ý

Nginx

Vercel

Chỉ truy vấn nội dung cần thiết

Quy trình nhanh

Mẹo sử dụng

Bước tiếp theo gợi ý

Kiểm tra chính sách cache trình duyệt

Kiểm tra HTTP Headers

Kiểm tra quy ước đặt tên tài nguyên

Bảng điểm sẵn sàng ra mắt

Có thể bạn cũng thích

Kiểm tra lan truyền DNS

CSP Report Parser

Nginx Location Explainer

Tra cứu IP

Image Sitemap Generator

HEIC sang JPG

Công cụ nén ảnh

Tạo .gitignore