Kiểm tra mức độ sẵn sàng · Nhóm Tăng tốc · Trọng số 6
Tệp tĩnh được lưu trong bộ nhớ đệm từ 30 ngày trở lên
Tệp định kiểu hoặc tập lệnh cùng website đầu tiên trên trang chủ được phục vụ với max-age ít nhất 30 ngày hoặc chỉ thị immutable.
- Được ghi nhận trên
- 50%
- Các trang web top 1K
- 51%
- Nhóm top 1M
- 50%
- Không đo được
- 61,130
trong số 124,926 trang web đã đo
187 đã đo
68,962 đã đo
bị chặn, gặp yêu cầu xác minh hoặc không áp dụng
Vì sao điều này quan trọng
Khách truy cập quay lại và các lượt xem trang tiếp theo sử dụng lại các tệp đã lưu trong bộ nhớ đệm thay vì tải lại.
Cách khắc phục
Đặt Cache-Control: public, max-age=31536000, immutable cho CSS, JavaScript, phông chữ và hình ảnh có phiên bản (có dấu vân tay nội dung), đồng thời đổi tên tệp mỗi khi nội dung thay đổi.
Cách chúng tôi kiểm tra
Tệp định kiểu hoặc tập lệnh cùng website đầu tiên trên trang chủ được phục vụ với max-age ít nhất 30 ngày hoặc chỉ thị immutable.
Đã ghi nhận: Tệp tĩnh được lưu trong bộ nhớ đệm dài hạn.
Chưa ghi nhận: Tệp tĩnh được lưu trong bộ nhớ đệm trong thời gian ngắn hoặc không được lưu.
Giới hạn: Chỉ đọc từ phản hồi của trang chủ; các trang hoặc khu vực khác có thể gửi các tiêu đề khác.
Các bước theo từng nền tảng công nghệ
- Cloudflare: Sử dụng Quy tắc bộ nhớ đệm để đặt TTL tại biên và trong trình duyệt cho các đường dẫn tệp tĩnh.
- WordPress: Các plugin bộ nhớ đệm hoặc nhà cung cấp dịch vụ lưu trữ của bạn có thể đặt thời gian lưu dài trong bộ nhớ đệm trình duyệt cho các tài nguyên của giao diện và plugin.
Theo nhóm mức độ phổ biến
| Nhóm Chrome UX Report | Đã ghi nhận | Đã đo lường |
|---|---|---|
| Top 1K | 51% | 187 |
| Top 5K | 52% | 1,033 |
| Top 10K | 51% | 1,367 |
| Top 50K | 50% | 10,829 |
| Top 100K | 50% | 10,370 |
| Top 500K | 50% | 32,178 |
| Top 1M | 50% | 68,962 |
Các danh mục có khả năng thực hiện điều này cao nhất
Các danh mục có khả năng thấp nhất
Theo bộ công nghệ
- Next.js on Vercel98%
- WordPress on Vercel94%
- WordPress on Fastly93%
- Drupal on Fastly90%
- Magento / Adobe Commerce on Cloudflare89%
- Next.js on Netlify89%
- Next.js on Fastly87%
- Next.js on Cloudflare86%
- Next.js84%
- Next.js on Google edge82%
- Magento / Adobe Commerce81%
- Next.js on Azure Front Door/CDN79%
- Next.js on Amazon CloudFront79%
- Nuxt on Google edge76%
- HubSpot CMS72%
- Shopify69%
- Bitrix69%
- Nuxt on Cloudflare69%
- Nuxt69%
- Angular on Cloudflare67%
- WordPress on Cloudflare67%
- Astro on Cloudflare65%
- Angular on Amazon CloudFront64%
- Sitecore on Cloudflare62%
- Angular62%
- Astro on Amazon CloudFront62%
- Nuxt on Amazon CloudFront62%
- Astro59%
- Drupal on Cloudflare58%
- WordPress55%
- WordPress on Amazon CloudFront54%
- Adobe Experience Manager53%
- WordPress on Google edge53%
- Drupal52%
- Gatsby51%
- Drupal on Amazon CloudFront51%
- Adobe Experience Manager on Amazon CloudFront51%
- Sitecore51%
- Adobe Experience Manager on Cloudflare48%
- Gatsby on Amazon CloudFront46%
- GoDaddy Website Builder45%
- Blogger45%
- Sitecore on Azure Front Door/CDN44%
- PrestaShop on Cloudflare42%
- Next.js on Akamai36%
- Adobe Experience Manager on Akamai36%
- WordPress on Imperva34%
- PrestaShop31%
- Tilda27%
- Drupal on Akamai26%
- Webflow25%
- Joomla22%
- BigCommerce9.9%
- WordPress on Sucuri<1%
Theo nhà cung cấp
- Vercel91%
- Fastly70%
- Bunny CDN66%
- Netlify61%
- Cloudflare58%
- Amazon CloudFront52%
- Google edge50%
- Azure Front Door/CDN45%
- Akamai36%
- Alibaba Cloud CDN32%
- Imperva25%
- Sucuri1.3%
Các trang web phổ biến nơi chúng tôi ghi nhận điều này
Nguồn và hướng dẫn
- Chrome Lighthouse: chính sách bộ nhớ đệm hiệu quả
- MDN: lưu vào bộ nhớ đệm HTTP
- Cloudflare: Quy tắc bộ nhớ đệm
Hướng dẫn: Hướng dẫn lưu bộ đệm trình duyệt cho chủ sở hữu websiteKiểm tra trang web của bạn