页面速度 SEO：让您的网站在 2 秒内加载完成

页面速度既是 SEO 排名因素，也是一项业务指标。快速的页面在谷歌上排名更高。快速的页面也能把更多访客转化为客户。研究显示，页面加载每延迟 1 秒，转化会减少 7%。对电商网站而言，缓慢的页面每天会因销售流失而损失数千美元。对出版商而言，缓慢的页面意味着更少的页面浏览量和更低的广告收入。对所有网站而言，页面速度都至关重要。

快速加载的基准是低于 2 秒。在 2 秒或更短时间内加载完成的页面会被用户感知为快。耗时 3 到 5 秒的页面让人觉得慢。耗时超过 5 秒的页面经常被直接放弃。您的目标很简单：先把加载时间压到 2 秒以内，再压到 1.5 秒以内，然后继续优化。每 100 毫秒的改进都有意义。

理解页面加载指标

页面加载时间由若干部分组成。首字节时间（TTFB）是服务器响应所需的时长。最大内容绘制（LCP）是主体内容变得可见的时刻。完全加载是所有资源下载完毕的时刻。这些指标并不相同，优化每一项都需要不同的手段。

TTFB 是您服务器的响应时间。如果 TTFB 超过 600 毫秒，说明您的服务器很慢。常见原因是后端代码低效、数据库查询或服务器过载。可以通过优化后端代码、升级主机、启用缓存或使用内容分发网络（CDN）来改善 TTFB。

谷歌的性能学习路径逐项详解了每个指标。LCP 和其他核心网页指标都有深入讲解。理解这些指标是有效优化页面速度的前提。

图片优化：影响最大的单项

图片通常占页面重量的 50% 到 80%。未经优化的图片是拖慢网站最快的方式。优化图片的做法是在不牺牲质量的前提下减小文件体积。三种手段：

压缩：使用图片压缩工具减小文件体积。JPEG 图片可压缩 10 到 40 倍。PNG 图片可压缩 2 到 5 倍。使用 TinyPNG、ImageOptim 之类的工具，或您内容管理系统中的插件来自动压缩。上传到网站之前先压缩。

现代格式：用 WebP 取代 JPEG 或 PNG。WebP 在保持质量的同时比 JPEG 多压缩 25% 到 35%。浏览器如今已原生支持 WebP。对较旧的浏览器，可通过 `` 元素把 JPEG 作为后备方案。

懒加载：只在用户滚动到附近时才加载图片。对首屏以下的图片使用原生 HTML 的 `loading="lazy"` 属性。这会推迟加载用户可能永远看不到的图片，从而显著改善首次页面加载。

谷歌的优化指南提供了具体的图片优化技巧。仅仅把图片优化到位，往往就能把页面加载时间减少 30% 到 50%。

CSS 与 JavaScript 优化

阻塞渲染的 CSS 和 JavaScript 会拖慢页面加载。阻塞渲染的资源会让浏览器在它们下载并处理完之前无法渲染页面。请推迟非关键的 CSS 和 JavaScript，让关键内容先渲染出来。

精简并推迟 JavaScript：体积大的 JavaScript 文件会阻塞渲染。把您的 JavaScript 拆成更小的块，并推迟加载非关键脚本。对不影响页面渲染的脚本使用 `