1. 分别规划浏览器与边缘新鲜度预算
网站性能工程师背景
团队为公共页面设置较短的浏览器缓存时间,同时希望 CDN 边缘缓存保持更长的新鲜度,并允许受控的 stale 响应。
问题
需要确认 Cache-Control 指令与浏览器、边缘及 stale 预算是否匹配。
如何使用
输入 `public, max-age=60, s-maxage=600, stale-while-revalidate=30`,选择 Cloudflare,并填写浏览器 TTL 120 秒、边缘 TTL 900 秒和 stale 预算 60 秒。
CDN:Cloudflare;浏览器 TTL 预算:120 秒;边缘 TTL 预算:900 秒;Stale 预算:60 秒。结果
工具输出浏览器 TTL、共享缓存 TTL 和 stale 预算分析,并显示与 Cloudflare 相关的静态提示。