自从Google 宣布页面速度将成为其2018年移动优先指数的排名因素以来，对速度的需求就成为Web开发人员特征中最重要的方面之一。许多企业跳上了高速列车。

果然，一年后谷歌报告说，网站速度更快，而且放弃率下降了，因为页面速度成为排名因素。

由于性能是我们所热衷的现代Web开发体系结构Jamstack的最畅销点之一，因此自然而然地深入研究解决网站性能的行业，并看看我们如何与同行抗衡。

TL; DR：主要发现

没有时间阅读研究内容吗？以下是主要发现：

• 我们的2万样本中27％的网站仍在HTTP上运行
• 65.7％的网站使用WordPress构建
• 只有2.7％的网站具有良好的性能得分
• 2.9％的网站为用户提供良好的用户体验，即，在页面首次开始加载后的2.5秒内发生了最大的内容丰富的涂料（LCP）

我对什么数据感兴趣，为什么？

灯塔绩效指标。有两种流行的速度测试工具，但是大多数人都使用Lighthouse。虽然它可能不会是完美的，因为它提供了有关网页实验室和现场数据的混合，我用PageSpeed Insights的API，如詹姆斯·麦克纳尔蒂建立完备的岗位描述这里，虽然更新，以显示核心网络命脉。

CMS。是否使用WordPress。所有网站中的37％由WordPress驱动。作为最受欢迎的Web开发解决方案，在速度和性能方面看并比较不同的解决方案将是很有趣的。

我从哪里获得URL？

收集URL是一项耗时的工作。但是我设法获得了2万个网址（准确地说是20397个网址）。我已经交叉引用了我从一组关键字（例如SEO代理，Web开发代理等）的首页自然结果中获得的结果，这些结果是通过使用Phantombuster等工具来获得评论网站而获得的，我从在Upwork和Fiver上聘请虚拟助手获得的结果。

首先要解决几个问题。我的2万个样本中惊人的27％的网站仍在HTTP上运行。那根本不好。最重要的是，我在Chrome中有一堆带有NET :: ERR_CERT_DATE_INVALID 错误消息的URL 。处理完这些之后，我得到的结果是13945个URL，而不是20K个URL。

数据

流行的CMS-速度和性能研究

当然，最受欢迎的CMS是WordPress，我的样本中有65.7％的网站使用它。对于18.8％，我无法检测到任何CMS。在Squarespace上运行2.58％，在Drupal上运行1.6％，在Wix上运行1.41％，依此类推。

鉴于WordPress为Internet上所有网站的37％或所有已知CMS的网站提供了63.6％的支持，结果并不令人感到意外。

效果分数– Google如何对分数进行颜色编码

指标得分和性能得分根据以下范围着色：

• 0至49（红色）：差
• 50至89（橙色）：需要改进
• 90至100（绿色）：好

您可以在此处了解更多信息。就所有网站的性能得分而言，有77.1％的网站处于较差的范围内，这意味着仍有很大的改进空间。

URL性能-速度和性能研究

当我们仅检查WordPress网站时，几乎是同一故事，其中83.9％的网站性能不佳。

性能WordPress-速度和性能研究

核心网络生命

到目前为止，您可能已经非常了解Core Web Vitals。它们的重要性是双重的：

• Google认为它们对于网页的整体用户体验至关重要，了解它们可以帮助您提高向用户提供的体验质量，
• Google计划使页面体验成为Google的官方排名因素，而Core Web Vitals是其中的重要组成部分。

当前针对Core Web Vitals的设置集中在用户体验的三个方面：加载（用最大内容绘画（LCP）度量描述），交互性（用首次输入延迟（FID）度量描述）和视觉稳定性（用累积布局描述） Shift（CLS）指标）。

数字遵循性能得分。例如，签出最大内容油漆（LCP）结果。

最大内容油漆（LCP）：速度和性能分析

结论

由于我仅测试了2万个URL（实际上是13945个），因此我们不对结论进行概括。但是，一般的“感觉”是那些需要考虑速度和性能的人没有通过测试。

性能虽然有很多原因，但并不是最终目标，而且也不应该成为最终目标。它不仅取决于网站上使用的技术，还取决于网站上的“功能”，这在很大程度上取决于网站所处的行业/主题。成功地实现性能和功能的平衡取决于功能为您带来的价值业务与速度降低之间的关系。

关键是，无论您使用哪种技术，都可以得到高分（有些比其他容易）。真正的问题是，分数对您的客户，他们的业务和他们的受众有多重要？

时间是最有价值的资产。没有什么比缓慢的页面加载更令人沮丧的了。缓慢的网站会阻止转化，并影响搜索排名。Google表示，确定搜索排名时必须考虑网站速度。

以下是一些有趣的网站负载统计信息：

• 一个 Akamai的研究 表明，客户的47％，预计在几秒钟或更小的网站负载。
• 亚马逊延迟一秒钟可能会导致每年16亿美元的销售成本。
• 据Pingdom称， 排名前 100位的零售网站中有78％的加载时间不到三秒钟。
• 页面加载一秒钟的延迟导致 转化次数减少了7％。
• 在桌面设备上，平均加载时间为1.286秒，在移动设备上为2.594秒。

优化网站的速度不是必须的，而是必须的，特别是如果您想击败竞争较慢的网站。一旦您注意到您的网站加载时间超过三秒钟，就该找出可以减慢网站速度并改善整体性能的情况了。

让我们发现鲜为人知的网站速度下降的原因，并找到应对每个问题的最佳解决方案。

1.缓存问题

浏览器缓存对于重复访问者非常重要。每次用户首次访问您的网站时，他们的浏览器都会在指定时间段内存储所有文件，例如图像，CSS和Java文件。下次访问者再次访问该网页时，浏览器缓存允许在用户下次访问时快速提供这些存储的文件。

减少往返次数可缩短页面加载时间并改善用户体验。缓存绝对可以帮助您加快网站速度，但这并非没有问题。如果未正确设置缓存，则可能会损害用户交互。开发可靠的缓存策略以维持强大的用户体验至关重要。

如果您不使用WordPress，则可以 将Cache-Control 和Entity标签（ETags）标头添加到HTTP响应标头中。ETag用于验证客户端是否具有记录的最新版本。缓存控制用于在客户端和服务器响应中定义浏览器缓存策略。因此，这些标头可帮助您减少访问者两次从服务器下载相同文件的需求，并减少HPPT请求的数量。

如果您的网站在WordPress上运行，则可以使用 缓存插件 来提高性能。WP Rocket是一款出色的高级缓存插件，其中包括许多额外功能，例如延迟加载，数据库清理，CDN集成等等。您没有任何技术技能可以将其设置为拥有更快的网站。

2.加载数据库

当涉及到网站性能时，过载的数据库可以成为沉默的杀手。WordPress网站的陷阱之一是您的数据库过载了多个帖子修订，停用的插件，保存的草稿等。引用和pingback在WordPress中没有任何实际用途。确保同时禁用它们，因为它们会阻塞您的数据库并增加请求数。

确保删除其他垃圾文件，例如垃圾邮件和垃圾文件夹，瞬态文件和数据库表，这些文件也可能会使您的网站变慢。如上所述，WP Rocket是每周计划和清除这些文件的最简单方法之一。您可以使用“数据库”标签来优化数据库。

使用WP Rocket，您还可以安排自动数据库清理。

3.过时的CMS

运行过时的CMS版本可能会减慢您的网站速度并导致其他安全漏洞。一旦有可用的更新，大多数CMS（例如WordPress，Joomla或Drupal）都会让您知道。拥有最新版本的插件和任何软件都可以缩短加载时间。

如果您尚未更新CMS或未收到任何通知，请在网站的不同页面上进行常规页面速度测试，以了解该软件的最新更新或版本是否与您的虚拟主机兼容 或可用。通过加快加载速度来改善网站整体性能的修补程序。

4.过度使用社交媒体脚本

社交媒体已成为每个网站的重要组成部分。无论您的网站有多大，您仍然需要将社交媒体连接到您的网站，并使用户更轻松地共享您的帖子。过度使用社交媒体脚本和插件可能会破坏您网站的性能。

限制根本不使用的社​​交媒体插件和脚本的数量，并找到安排和自动化社交媒体任务的替代方法。Zapier是一项出色的网站服务，可以帮助您自动执行这些任务并减轻服务器资源和网站的负担。

在每篇文章的末尾谈到共享选项时，这是轻松共享出版物的好方法，但是这些选项会给您的网站增加很多负担。尽量不要在网站的每个页面上使用它们，而仅包含必需品。

5.使用聊天机器人

聊天机器人非常适合处理客户查询。根据Salesforce的说法，有 69％的客户 希望使用聊天机器人来加快与品牌的交流。但是硬币有两个方面。如果脚本实施不当，聊天机器人可能会损害您的网站速度，并且可能使您的网站加载时间更长。

确保聊天机器人异步加载非常重要。我的意思是，当您的聊天机器人在您的网站上执行任何操作（例如与客户进行对话或发送ping命令）时，此操作应由外部服务器进行路由。因此，请确保使用正确的代码来启用此操作。使用Google的PageSpeed工具检查chatbot脚本是否存在问题。

为了更轻松的设置和简单的通信，您可以使用开箱即用的解决方案，例如Tidio，该解决方案不需要任何编码技能，只需要一点时间即可 创建聊天机器人。最好的事情是能够在一个简单的仪表板中与客户进行交流。该工具还与不同的第三方应用程序集成，以提供更好的客户服务。

6.链接断开

链接断开不仅给网站访问者带来痛苦，而且确实浪费了带宽。我最近对一位客户进行了详细分析， 并在Google网站站长工具中检测到很多404错误。修复它们后，每位用户的平均加载时间从7秒增加到2秒，跳出率大大降低了。

因此，如果您 的网站上有许多 断开的链接，那么您就是在浪费资源。此外，它们可能会损害用户行为指标，并对您的排名产生负面影响。为了检测断开的链接，我建议通过SE排名网站审核获得审核报告。该工具按状态代码对所有网页进行排序，以查看哪些是404。

它的主要好处之一是能够比其他工具更深入，并发现其他工具没有的爬网错误。一旦获得这些断开的链接，就可以永久修复或删除它们。

7.阻止渲染的JavaScript

您的网站每次在浏览器中加载时，都会向队列中的每个脚本发送呼叫。在网站出现在浏览器中之前，这些脚本的队列应该为空。如果此队列很长，可能会降低您的网页速度，而又不允许访问者完全查看该网站。这些类型的脚本队列称为 阻止渲染的JavaScript 和CSS文件。

为了使您的网页加载速度更快，Google建议删除渲染阻止脚本。在删除它们之前，请使用Google的PageSpeed Insights确定哪些脚本会导致问题。

大多数网站所有者使用不同的流量和转化分析平台，只需单击一下即可分析和衡量任何类型的流量和转化。其中大多数是通过使用JavaScript代码安装的，这可能会降低您的网站速度。跟踪不同事件的最佳方法是使用Finteza，其主要跟踪脚本 （从Finteza服务器下载）不会影响网站性能，并且可以异步嵌入到页面中。

8.加速的移动页面（AMP）

每个人都知道，加速移动页面（AMP）是一个Google项目，旨在通过在移动摘要旁边添加“ AMP”戳来加速移动设备上的网页。建立一个具有内容的快速移动网站的想法听起来很不错，但是在AMP方面仍然存在一些挑战。

创建AMP可以提高网站性能时，它会删除所有使网站变慢的动态功能。换句话说，它会改变您网站的设计，并为访问者提供更少的功能，从而可能导致转化次数减少。根据此案例研究， 在添加AMP后，Kinsta看到其移动导线下降了59％，因此他们禁用了它。

因此，请谨慎使用AMP，因为它会降低您的移动转化率。如果您仍然想使用它们，请正确执行操作（此处有更多说明 ）。确保验证用于Google搜索的AMP并解决所有可能的问题。

9. Gravatars

虽然Gravatars为您的用户群提供了方便和易于定制的功能，但是它存在一个缺点，即速度。在较小的网站上并没有真正看到这种情况，但是如果您的大型网站上有很多博客评论，则您会发现速度变慢了很多。

您可以通过以下方式解决此问题：

• 在WordPress中禁用Gravatars
• 删除没有价值的评论
• 使用缓存的Gravatar，例如Harrys或Optimum Gravatar Cache
• 缩小Gravatar图片尺寸
• WP Disable中的分页注释

10.无效的HTML和CSS

如果您停止使用无效的HTML和CSS代码，则将增加网页的呈现时间和网站的整体性能。如果您希望浏览器更一致地解释您的网站，请确保创建符合W3C标准的HTML和CSS。

通过W3C HTML验证器检查HTML，并通过W3C CSS验证器检查CSS。选项之一是使用Grunt HTML验证包和Stylelint验证HTML。

网站加载缓慢会导致客户无法访问您的网站。为了使您的网站正常运行并快速加载，您需要关注这些Web性能杀手，并尽最大努力防止这些问题并使网站更高效。