用途:该规则属于 front-end-checklist 的性能部分,面向静态资源加载慢、资源体积大或渲染延迟的场景,帮助判断是否因未使用或未正确配置内容分发网络(CDN)而导致耗时。
主要能力:说明 CDN 通过地理位置分散的边缘服务器就近提供静态资源,从而降低延迟、缩短加载时间;据资料称可为全球用户减少约 50%–70% 的延迟,并有助于应对流量高峰和提供 DDoS 防护。资料列出常见选项:Cloudflare、Vercel、AWS CloudFront、Fastly。
使用方式:按 Check、Fix、Explain 三步推进——先确认静态资源是否由 CDN 提供、CDN 配置是否正确,必要时在 DevTools 中验证真正的瓶颈;再为静态资源配置 CDN、设置恰当的缓存响应头和地理分发;最后解释 CDN 如何借助分布式服务器降低延迟。代码审查时,检查影响该规则的路由、资源与加载行为,指出具体增加网络、CPU 或布局开销的文件、请求或渲染步骤,并说明确认问题所用的测量方法。完整实现细节、代码示例和框架相关指引见 references/rule.md,规则页为 https://frontendchecklist.io/en/rules/performance/cdn。
适用场景:面向关注前端性能的开发者与评审者,可用于页面性能排查、资源交付优化和代码评审。
限制:资料未提供具体配置命令、支持平台、收费价格和实际效果数据,相关内容暂未提供。