网站太慢?为什么 3 秒加载时间正在让你流失客户(以及如何解决)
大多数访客不会等待缓慢的页面,Google 也会注意到。Core Web Vitals 衡量什么、网站变慢的常见原因,以及真正有效的解决方法。
你可能从未用手机测过自己网站的加载时间,但你的客户每天都在不经意间这样做。如果页面没有很快出现,他们就会点返回,打开下一个搜索结果。Google 针对移动网站的研究发现,当页面加载时间超过三秒时,超过一半的访问会被放弃。下面来看看是什么拖慢了网站,以及如何解决。
为什么网站速度关系到销售和 SEO
速度从两个方面影响收入。首先是直接影响:缓慢的页面在访客看到你的报价之前就失去了他们,而结账或预订流程中每一个缓慢的步骤都会流失更多人。德勤受 Google 委托开展的一项研究发现,移动端加载时间仅缩短十分之一秒,零售和旅游网站的转化率就有明显提升。
其次是通过搜索:Google 将页面体验(包括 Core Web Vitals)作为排名信号之一。单靠速度无法把一个内容薄弱的页面推上首位,但在两个相似的页面之间,更快的那个更有优势。
通俗解读 Core Web Vitals
Google 用三项指标衡量真实访客的体验:
- 最大内容绘制(LCP):主要内容出现的速度。良好标准为 2.5 秒以内。
- 交互到下一次绘制(INP):用户点击或触摸后页面响应的速度。良好标准为 200 毫秒以内。
- 累积布局偏移(CLS):加载过程中页面布局跳动的程度。良好标准为 0.1 以内。
你可以在 Google PageSpeed Insights 以及 Google Search Console 的 Core Web Vitals 报告中免费查看自己的得分。
网站变慢的 7 个常见原因
- 图片过大:直接从相机或手机上传的照片,每张好几兆。
- 插件和脚本过多:每个轮播图、聊天插件、统计代码和字体都会增加负担。
- 廉价共享主机:与数百个网站共用一台服务器,而且往往离你的客户很远。
- 没有缓存或 CDN:服务器为每位访客从头生成每个页面。
- 笨重的页面构建器,生成臃肿的代码。
- 首屏上的自动播放视频和大型背景动画。
- 第三方嵌入内容,例如地图、社交媒体动态和评价插件,在每个页面都加载。
本周就能完成的快速优化
- 压缩并调整图片尺寸,使用 WebP 或 AVIF 等现代格式。
- 删除没人使用的插件、统计代码和小组件。
- 对首屏以下的图片和嵌入内容启用延迟加载。
- 开启缓存,并让网站接入 CDN。
- 用一张链接到 Google 地图的静态图片替换嵌入式地图。
快速修复不够用时
如果完成基础优化后网站仍然很慢,问题通常出在结构上:老旧的主题、页面构建器,或者在每个页面加载所有内容的平台。到了这一步,修修补补的成本已经高于重建。使用 Next.js 等框架构建并通过 CDN 分发的现代网站,加载时间通常只是原来的一小部分,因为每个页面只加载自己需要的内容。
用客户的视角测试网站
不要用办公室的 Wi-Fi 和新笔记本电脑来判断速度。用一部中端手机通过移动网络打开你的网站,或者在 PageSpeed Insights 中选择移动端模式测试。这才是大多数访客的真实体验,尤其是使用漫游流量浏览的游客。
OutDept 可以检测你网站的速度,用通俗的语言解释是什么拖慢了它,并动手解决,无论是清理现有网站,还是重建一个从一开始就快速的网站。