页面速度优化
速度是排名与转化的双料因素，核心看三组指标（Core Web Vitals）：加载性能 LCP、交互响应 INP、视觉稳定 CLS。常见的优化动作：压缩图片、懒加载、延迟非关键 JS、静态资源上 CDN、服务端开启缓存与 Gzip。
测速工具：PageSpeed Insights、Lighthouse。先看分数再按建议逐项修，通常图片和第三方脚本是最大头。
本节要点盯 LCP / INP / CLS 三个指标；图片懒加载 + 首屏资源最小化见效最快；速度优化先测再改，别凭感觉。
HTML
<!-- 懒加载非首屏图片 --> <img src="photo.webp" alt="示例" loading="lazy" /> <!-- 延迟加载第三方脚本 --> <script defer src="/lib/analytics.js"></script> <!-- 预加载关键资源，提升 LCP --> <link rel="preload" href="hero.webp" as="image" /> 优化优先级： 1. 图片压缩与懒加载（往往占 60% 体积） 2. 减少阻塞渲染的 JS / CSS 3. CDN 与缓存策略
