为什么网站速度是一个营销问题
您可能拥有最好的广告、最有吸引力的优惠和最精准的受众。但如果他们落地的页面加载太慢,很多人会在看到优惠之前就离开了。
速度看起来像是一个技术细节,但它是让您已经付费的营销发挥更大作用的最便宜的方法之一:每留住一位访客,就少花一份重新获取他的钱。下面介绍研究结论、如何衡量您自己的网站,以及效果最显著的优化方法。
研究结论
被引用最多的研究《Milliseconds Make Millions》由德勤与 55 为 Google 开展。该研究追踪了 37 个欧美品牌的 3,000 多万次会话,发现移动端加载时间每缩短 0.1 秒,零售转化率提高 8.4%,旅游转化率提高 10.1%,零售顾客的消费金额也增加了 9.2%。
Portent 分析了 20 个网站的 1 亿多次页面浏览,发现加载时间为 1 秒的 B2B 网站,转化率是 5 秒网站的 3 倍、10 秒网站的 5 倍。对于网店,1 秒加载的页面转化率是 5 秒页面的 2.5 倍。
各家企业的实践也呈现出同样的规律。Google 在 web.dev 上汇总了它们的成果:
| 企业 | 改进内容 | 成果 |
|---|---|---|
| Vodafone(意大利) | 主要内容提前 31% 显示(LCP) | 销售额增长 8% |
| redBus | 消除布局偏移,页面可交互时间缩短约一半 | 移动端转化率提高 80–100% |
| Lazada | 主要内容显示速度提升至原来的三倍 | 移动端转化率提高 16.9% |
| Agrofy | 主要内容提前 70% 显示 | 页面加载期间离开的人减少 76% |
| Yahoo! JAPAN | 修复了布局偏移 | 每次会话的页面浏览量增加 15% |
为什么缓慢的页面会让广告花费更多
速度既影响您为流量支付的成本,也影响流量带来的回报。Google Ads 会为每个关键词给出一个质量得分,由三部分组成:预期点击率、广告相关性和落地页体验。Google 将落地页体验描述为:您的落地页对点击广告的人有多相关、多有用。缓慢、令人沮丧的页面会拉低这一得分,进而可能提高您的每次点击费用,并降低广告的展示位置。
在社交平台上,流失更加直接:点击广告后需要等待的人,往往根本没能到达页面,而无论如何您都要为这次点击付费。邮件也是一样:链接到缓慢页面的邮件通讯,会在读者兴趣最浓的那一刻失去他们。正因如此,我们把落地页的速度视为营销活动的一部分,而不是留到以后再处理的 IT 工作。
最重要的三个指标
Google 用三项 Core Web Vitals 指标来衡量真实环境中的页面体验。当至少 75% 的真实访问在三项指标上都达到“良好”时,页面即为通过:
| 指标 | 衡量内容 | 良好 | 较差 |
|---|---|---|---|
| Largest Contentful Paint (LCP) | 主要内容出现的速度 | 2.5 秒或更短 | 超过 4 秒 |
| Interaction to Next Paint (INP) | 页面对点按和点击的响应速度 | 200 毫秒或更短 | 超过 500 毫秒 |
| Cumulative Layout Shift (CLS) | 页面在加载时的跳动程度 | 0.1 或更低 | 超过 0.25 |
这个门槛并没有听起来那么高,但大多数网站都没有达到。HTTP Archive 的《2025 Web Almanac》发现,只有 48% 的网站在移动端三项全部通过,桌面端为 56%。加载速度是最常见的不达标项:只有 62% 的网站在移动端的 LCP 表现良好。
如何在十分钟内检查您的网站
先从免费工具开始,再像客户一样进行测试:
| 工具 | 适用场景 | 费用 |
|---|---|---|
| PageSpeed Insights | 快速检查任意页面:当 Google 有足够数据时显示真实用户数据,并附带实验室测试和优化建议 | 免费 |
| Google Search Console | Core Web Vitals 报告按问题类型对全站页面进行分组 | 免费 |
| Lighthouse(位于 Chrome 开发者工具中) | 在搭建或修复页面时进行详细的实验室测试 | 免费 |
| WebPageTest | 提供来自真实设备和地区的幻灯片视图和逐个请求的详细信息 | 提供免费版 |
| GTmetrix | 易读的报告和定期监测 | 提供免费版和付费方案 |
| DebugBear | 持续监测,速度变慢时发出提醒 | 付费 |
实验室测试模拟的是使用慢速网络的中端手机,因此每次运行的分数可能有所不同。Google 用来评判页面体验的,是过去 28 天从真实 Chrome 用户收集的实测数据。然后,再做一次最诚实的测试:用使用移动数据的中端手机打开您的网站。
网站变慢的常见原因
- 超大图片。直接从相机或图库拿来的 4 MB 照片,是我们最常见到的问题之一。现代图片格式会有帮助:Google 的报告显示,WebP 图片通常比同等质量的 JPEG 小 25–34%,AVIF 往往还要更小。
- 第三方脚本。聊天插件、弹窗、热力图、社交媒体动态和多个追踪代码,每一个都会增加页面负担,并争夺手机的处理器资源。
- 臃肿的主题和页面构建器,会为您根本不用的功能加载代码。
- 从其他服务器加载多种字重的网页字体。
- 没有缓存的慢速主机,会拖慢其他一切。
- 启动过早的动画。即使是装饰性的动效,也可能在中端手机上拖慢页面。请在内容加载完成后再启动。
按效果排序的优化方法
- 调整图片尺寸并压缩。使用 WebP 或 AVIF 格式,用
srcset让手机获取更小的文件,并为每张图片设置宽度和高度,避免布局跳动。 - 删除不需要的脚本。逐一审视每个插件和代码,问问它是否值得保留。其余的在主要内容之后再加载,并在法律要求时仅在获得同意后加载。
- 优先加载主图。为首屏主图设置
fetchpriority="high",并对页面下方的图片和视频使用延迟加载。 - 自行托管字体,并只加载您用到的字重。
- 开启缓存和 CDN,让回访者和远方的访客更快获取页面。
- 让下一个页面瞬间打开。Chrome 的 Speculation Rules 可以在用户把鼠标悬停在链接上时预先准备下一个页面;让页面保持可使用往返缓存,则能让“返回”按钮瞬间响应。
- 对于简单的营销网站,可以考虑静态网站。没有数据库和插件,页面几乎可以瞬间送达。
下一次营销活动的速度检查清单
在任何营销活动把付费流量引向某个页面之前,请先完成以下检查。只需大约十五分钟,就能守住每一分广告预算:
- 在 PageSpeed Insights 中测试落地页的移动端表现,并修复所有标红的问题。
- 检查主图是否已压缩、尺寸是否合适,以及是否为 WebP 或 AVIF 格式。
- 删除在手机上、用户还没读到一个字就遮挡内容的弹窗。
- 确保表单或结账页面加载迅速、在手机上可正常使用,并给自己发送一次测试咨询。
- 离开办公室,用使用 4G 网络的中端 Android 手机打开页面。
- 检查数据追踪和同意管理是否正常运作,以便看清哪些点击转化成了客户。
速度是品牌的一部分
人们会根据网站的使用感受来评判一家企业。瞬间出现、立即响应的页面让人感到自信可靠;卡顿的页面则会让人怀疑还有什么也很慢。正因如此,我们从第一张草图起就为速度做规划,本网站也采用了快速、简洁、没有插件的文件构建。如果您的网站需要改进,我们的网站与落地页服务可以提供帮助。
常见问题
多快的页面加载时间才算好?
目标是在手机上 2.5 秒内显示主要内容(良好的 Largest Contentful Paint),并在 200 毫秒内响应点按。更快会更好:上述研究发现,哪怕只快十分之一秒也能带来提升。
页面速度会影响 Google 排名吗?
会。Core Web Vitals 是 Google 排名系统所使用的页面体验信号的一部分。相关性和有用的内容更加重要,所以可以把速度看作搜索中的“决胜因素”,以及提升转化的有力杠杆。
PageSpeed 分数需要达到 100 吗?
不需要。这个分数只是实验室估算值。让真实访客的 Core Web Vitals 达标,远比获得完美的实验室分数重要。
为什么我的 PageSpeed 分数每次都不一样?
实验室测试在模拟的设备和网络上运行,服务器响应、第三方脚本和测试条件的细微差异都会让结果发生变化。请关注多次运行的趋势,以及真实用户数据。
资料来源
- Milliseconds make millions,德勤与 55 为 Google 开展的研究,来源:web.dev
- Site speed is (still) impacting your conversion rate,Portent,2022 年 4 月
- The business impact of Core Web Vitals,web.dev 案例研究
- About Quality Score for Search campaigns,Google Ads 帮助中心
- Web Almanac 2025: Performance,HTTP Archive,2026 年 1 月
- Web Vitals,web.dev
- Understanding Core Web Vitals and Google search results,Google 搜索中心
- An image format for the web (WebP),Google for Developers
- Prerender pages in Chrome for instant page navigations,Chrome for Developers
本文在 AI 的协助下撰写,并经 Brielgio 团队审阅和完善。