根据Google的数据，页面加载时间每增加1秒，移动端转化率就会下降20%。如今，速度无论是对于SEO还是用户体验都是必不可少的。

图像优化

在大多数网站中，图像占页面总大小的60-70%。基本步骤包括切换到WebP格式（比JPEG小25-35%）、正确的尺寸调整（不提供不必要的大图）、延迟加载（lazy loading，即延迟加载视口外的图像）以及通过"srcset"提供响应式图像。

CSS和JavaScript

应清除未使用的CSS和JS（摇树优化，tree shaking）。文件必须进行压缩和混淆（minify和gzip/brotli）。阻止渲染的资源应使用async或defer属性延迟加载。关键的CSS应以行内（inline）形式提供。

缓存与CDN

浏览器缓存：静态文件采用长TTL（1年）。服务器端缓存：动态页面应进行缓存。CDN（Cloudflare、Fastly）：从距离用户最近的服务器提供静态内容，大幅降低延迟。即使是Cloudflare的免费方案也能带来巨大改变。

Core Web Vitals 指标目标

LCP（最大内容绘制）< 2.5秒。INP（交互到下次绘制延迟）< 200毫秒。CLS（累积布局偏移）< 0.1。定期使用PageSpeed Insights和Lighthouse进行测试。微小优化的积累可以带来巨大的排名优势。