刘家瑜

渲染路径优化：让首屏更快 浏览器从接收HTML到完成首次绘制的过程，称为关键渲染路径

建议定期使用工具（如Li🔑✨ghthouse、百度搜索资源平台的站点测速）检查页面速度，并关注以下指标： 首次内容绘制时间（FCP） 最大内容绘制时间（LCP） 累计布局偏移（CLS） 将这些指标纳入日常发布流程，确保每次更新不会引入性能退化

提升页面加载速度：影响搜索排名的关键技术

缓存类型 建议设置 预期效果 浏览器强缓存 为静态资源（CSS、JS、图片）设置较长的max-age 用户再次访问时直接从本地读取 CDN边缘缓存 配置合理的缓存规则，如对HTML设置较短过期时间 全球用户就近获取资源，降低源站压力 Service Worker 离线缓存核心页面资源，实现秒级加载 弱网或无网络环境下也能快速展示内容 4

关键CSS💎内联 ：将首屏所需的样式直接嵌入HTML的 <head> ，减少额外请求