开发者早就惧怕三个小字:Google PageSpeed Insights。销售人员和高管喜欢添加一个 URL 进行测试,看到分数低于 100,并询问可以采取哪些措施来提高分数。很明显,开发人员需要修复他们的代码,对吧?答案不是那么简单。什么是 PageSpeed Insights? PageSpeed Insights 是衡量网站性能的行业标准测试工具。由 Google 创建的 PageSpeed Insights (PSI) 使用一种算法,该算法结合了网站的许多幕后因素,尝试用总分对它们进行评分。该分数分为移动和桌面类别,以说明影响这两种访问者的不同因素。一个女人在她的电脑前的插图,风从她身边吹过,表明网站页面速度很快 我为什么要关心我的分数? 网站页面速度测试,以及与此相关的任何其他指标,过去只是开发人员关心的事情。但 PageSpeed Insights 已经成为非编码人员硬数字谈论网站的一种方式。他们可以比较网站并衡量随时间的变化。竞争机构可能会获得测试结果,并声称您客户昂贵的新网站设计不佳。(剧透警告:这不一定是真的。)此外,谷歌倾向于在其页面速度算法中“测试”元素,这些元素最终成为 SEO 排名的关键决定因素。你还记得“mobile-
geddon”吗?Mobile-geddon 是谷歌宣布没有移动友好版本的网站排名低于移动友好版本的时候。这导致人们急于改善网站在设备上的显示,以避免对 SEO 产生影响。PageSpeed Insights 测试允许开发者在谷歌官方政策推出之前衡量他们的移动性能。网络要点 最后测试的项目统称为 Core Web Vitals。该术语指的是三个元素:首次输入延迟 (FID)、最大绘制内容 (LCP) 和 传真列表 累积布局偏移 (CLS)。这些项目中的每一项在 PSI 结果页面上都有一个蓝色标志。显示主要 Web Vitals 的现场数据 首次进入时间是指用户与您的网站交互之前的时间。如果脚本继续在后台加载,用户可能无法立即单击某些内容。请注意,由于 FID 适用于真实世界的用户,因此该指标在实验室数据中不可用。最大内容绘制是指加载视口中最大元素(首屏)所需的时间。它可以是背景视频或英雄图像。累积布局延迟是指计算内容中相对于显示后继续加载的元素的意外“延迟”量。想一想有一个你想点击的按钮的网站,在你点击之前,一个横幅广告出现在上面,按下按钮。您很可能会点击横幅广告而不是按钮。这显然是一种加重体验,所以这个指标是一种对抗它的策略。谷歌报告
称,从 2021 年 5 月开始,在确定页面排名时将考虑 Core Web Vitals 分数。现在是查看分数并为下一次算法更新做准备的最佳时机。我怎样才能提高我的分数? 您的网站页面速度得分是否不像您想要的那样绿色和闪亮?不要害怕,有各种各样的提示和技巧可以提高你的分数。(由于 Big Sea 强烈建议使用 WordPress 构建网站,因此我们将使用 WordPress 网站作为示例。)1. 找一个好的托管服务提供商。 您是否因减少初始服务器响应时间而被标记?并非所有的住宿都是平等的。共享服务器上的廉价托管计划不会像专用硬件那样快速响应。住宿价格差异很大,您很容易超支。花点时间查看可用的计划并选择一个能够充分支持您的网站流量的选项。2. 确保支持并启用 GZIP。 GZIP 是一种在服务器级别执行的数据压缩方法。它允许更快地加载常见资源,例如图像、样式表和脚本文件。3.压缩和延迟加载您的图像。 网页设计师和客户通常希望上传他们拥有的最高质量的图像。不幸的是,这将完全扼杀网站的加载速度。即使资产是在 Photoshop 中压缩的,也要始终通过 TinyPNG 或 Smush 等图像压缩工具发送它。此外,在折叠下延迟加载尽可能多的图像。延迟加载将延迟加载图像,直到用户将窗口滚动到图像的位置。减少加载页面