为什么网站速度是一个营销问题

您可能拥有最好的广告、最有吸引力的优惠和最精准的受众。但如果他们落地的页面加载太慢,很多人会在看到优惠之前就离开了。

速度看起来像是一个技术细节,但它是让您已经付费的营销发挥更大作用的最便宜的方法之一:每留住一位访客,就少花一份重新获取他的钱。下面介绍研究结论、如何衡量您自己的网站,以及效果最显著的优化方法。

研究结论

被引用最多的研究《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 ConsoleCore Web Vitals 报告按问题类型对全站页面进行分组免费
Lighthouse(位于 Chrome 开发者工具中)在搭建或修复页面时进行详细的实验室测试免费
WebPageTest提供来自真实设备和地区的幻灯片视图和逐个请求的详细信息提供免费版
GTmetrix易读的报告和定期监测提供免费版和付费方案
DebugBear持续监测,速度变慢时发出提醒付费

实验室测试模拟的是使用慢速网络的中端手机,因此每次运行的分数可能有所不同。Google 用来评判页面体验的,是过去 28 天从真实 Chrome 用户收集的实测数据。然后,再做一次最诚实的测试:用使用移动数据的中端手机打开您的网站。

网站变慢的常见原因

  • 超大图片。直接从相机或图库拿来的 4 MB 照片,是我们最常见到的问题之一。现代图片格式会有帮助:Google 的报告显示,WebP 图片通常比同等质量的 JPEG 小 25–34%,AVIF 往往还要更小。
  • 第三方脚本。聊天插件、弹窗、热力图、社交媒体动态和多个追踪代码,每一个都会增加页面负担,并争夺手机的处理器资源。
  • 臃肿的主题和页面构建器,会为您根本不用的功能加载代码。
  • 从其他服务器加载多种字重的网页字体。
  • 没有缓存的慢速主机,会拖慢其他一切。
  • 启动过早的动画。即使是装饰性的动效,也可能在中端手机上拖慢页面。请在内容加载完成后再启动。

按效果排序的优化方法

  1. 调整图片尺寸并压缩。使用 WebP 或 AVIF 格式,用 srcset 让手机获取更小的文件,并为每张图片设置宽度和高度,避免布局跳动。
  2. 删除不需要的脚本。逐一审视每个插件和代码,问问它是否值得保留。其余的在主要内容之后再加载,并在法律要求时仅在获得同意后加载。
  3. 优先加载主图。为首屏主图设置 fetchpriority="high",并对页面下方的图片和视频使用延迟加载。
  4. 自行托管字体,并只加载您用到的字重。
  5. 开启缓存和 CDN,让回访者和远方的访客更快获取页面。
  6. 让下一个页面瞬间打开。Chrome 的 Speculation Rules 可以在用户把鼠标悬停在链接上时预先准备下一个页面;让页面保持可使用往返缓存,则能让“返回”按钮瞬间响应。
  7. 对于简单的营销网站,可以考虑静态网站。没有数据库和插件,页面几乎可以瞬间送达。

下一次营销活动的速度检查清单

在任何营销活动把付费流量引向某个页面之前,请先完成以下检查。只需大约十五分钟,就能守住每一分广告预算:

  • 在 PageSpeed Insights 中测试落地页的移动端表现,并修复所有标红的问题。
  • 检查主图是否已压缩、尺寸是否合适,以及是否为 WebP 或 AVIF 格式。
  • 删除在手机上、用户还没读到一个字就遮挡内容的弹窗。
  • 确保表单或结账页面加载迅速、在手机上可正常使用,并给自己发送一次测试咨询。
  • 离开办公室,用使用 4G 网络的中端 Android 手机打开页面。
  • 检查数据追踪和同意管理是否正常运作,以便看清哪些点击转化成了客户。

速度是品牌的一部分

人们会根据网站的使用感受来评判一家企业。瞬间出现、立即响应的页面让人感到自信可靠;卡顿的页面则会让人怀疑还有什么也很慢。正因如此,我们从第一张草图起就为速度做规划,本网站也采用了快速、简洁、没有插件的文件构建。如果您的网站需要改进,我们的网站与落地页服务可以提供帮助。

常见问题

多快的页面加载时间才算好?

目标是在手机上 2.5 秒内显示主要内容(良好的 Largest Contentful Paint),并在 200 毫秒内响应点按。更快会更好:上述研究发现,哪怕只快十分之一秒也能带来提升。

页面速度会影响 Google 排名吗?

会。Core Web Vitals 是 Google 排名系统所使用的页面体验信号的一部分。相关性和有用的内容更加重要,所以可以把速度看作搜索中的“决胜因素”,以及提升转化的有力杠杆。

PageSpeed 分数需要达到 100 吗?

不需要。这个分数只是实验室估算值。让真实访客的 Core Web Vitals 达标,远比获得完美的实验室分数重要。

为什么我的 PageSpeed 分数每次都不一样?

实验室测试在模拟的设备和网络上运行,服务器响应、第三方脚本和测试条件的细微差异都会让结果发生变化。请关注多次运行的趋势,以及真实用户数据。

资料来源
  1. Milliseconds make millions,德勤与 55 为 Google 开展的研究,来源:web.dev
  2. Site speed is (still) impacting your conversion rate,Portent,2022 年 4 月
  3. The business impact of Core Web Vitals,web.dev 案例研究
  4. About Quality Score for Search campaigns,Google Ads 帮助中心
  5. Web Almanac 2025: Performance,HTTP Archive,2026 年 1 月
  6. Web Vitals,web.dev
  7. Understanding Core Web Vitals and Google search results,Google 搜索中心
  8. An image format for the web (WebP),Google for Developers
  9. Prerender pages in Chrome for instant page navigations,Chrome for Developers

本文在 AI 的协助下撰写,并经 Brielgio 团队审阅和完善。