如何优化您的网站速度
已发表: 2020-07-22在本文中,您将找到优化网站速度的最佳实践。 为此,我们还将向您展示如何使用当今市场上一些最强大的工具来运行准确有效的速度测试。
为什么网站速度很重要?
您网站的速度对自然搜索排名有巨大影响。 考虑到加载时间对用户体验有直接影响,这并不奇怪。 即使您有一个完整且结构良好的网站,如果用户需要等待才能看到您的内容,这也会损害他们对您网站性能的看法。 缓慢的网站很快就会失去吸引力,从而对跳出率和每次会话的页面浏览量产生负面影响。
有几个我们无法控制的因素会影响加载速度。 例如,搜索者使用的设备类型及其 CPU、浏览器或 Internet 连接肯定会影响充电时间。 但是,用户在比较不同网站之间的导航时会感觉到更好或更差的体验。
现在您已经了解了网站速度的重要性,让我们来看看目前可用的一些顶级免费网站速度测试工具。
免费速度测试工具
1.GTMetrix
GTMetrix 使用 Google Page Speed 和 YSlow 提供您网站速度性能的详细报告。 这个免费工具会分析您的页面,给它们打分,并就如何改进它们提供可行的建议。
2. Pingdom
使用 Pingdom,您可以立即检查您的站点的速度性能,选择您想要运行测试的位置。 它是专家和新手的理想选择。 您将获得对网页的总体评价,以及一些优化它们的建议。
3. Web.dev
Web.dev 提供有关您网站的性能、可访问性和 SEO 的大量信息。 它使用 Lighthouse,一种自动化的开源工具来审核您的网站的质量。 分析的每个指标都有一个完整的指南,可帮助您提高其分数。
4.网页测试.org
Webpagetest 允许您从全球多个位置运行速度测试并选择任何浏览器。 您可以选择运行简单分析或高级测试,这提供了市场上可用的速度测试工具中最丰富的诊断之一。
5. Pagespeed洞察力
Pagespeed Insights (PSI) 是 Google 设计的一种工具,可以分析您网站的内容并建议您如何提高网站速度。 此工具对您的页面进行评分,范围为 0-100。 它提供了许多提示,以通过完整的指南加速您的网站。
6.谷歌搜索控制台(Core Web Vitals 报告)
您可以从 Google Search Console 获取 Core Web Vitals 报告,以检查您的网页执行速度。 这个位于“增强”部分下,它可以帮助您找到快速减慢页面加载时间的问题。 使用此工具的一个优点是您可以跟踪有关改进的历史数据。
您应该跟踪哪些指标?
在优化网站速度时,您应该了解几个关键指标。 这些是大多数工具在评估网站性能时考虑的指标。 它让您了解访问者等待接收您的内容的时间。

最近,谷歌推出了 Web Vitals,这是一个 chrome 扩展程序,用于验证页面常见元素的正常运行以及浏览时的用户体验质量。
Web Vitals 量化您网站的用户体验。 谷歌将它们用作质量信号来评估您的网站提供的用户体验。 谷歌强调核心网络生命力是每个网站必须跟踪的最重要的指标。 有 3 个 Core Web Vitals 反映了页面加载速度、交互性和视觉稳定性。
- Largest Contentful Paint (LCP):衡量页面加载性能。 为了提供良好的用户体验,网站应在2.5 秒内显示内容的第一个“帧”。
- 首次输入延迟 (FID):它评估网页的“响应性”或交互性。 它测量访问者第一次与您的页面交互(单击按钮或链接)到浏览器响应该交互之间的时间段。 Google 建议 FID 小于100 毫秒。
- Cumulative Layout Shift (CLS):检查视觉稳定性。 它考虑了 UX 意外布局变化的频率。 小于0.1的 CLS 被认为是良好的用户体验。
如何正确运行网站的速度测试
您现在有几个高质量的工具来检查您的网站的速度。 让我们看一下执行有效分析时应考虑的一些要点。
选择正确的位置
选择离您的目标国家最近的位置。 您希望您的测试结果尽可能准确。 为此,您必须(尽可能)选择离您的网站服务器最近的运行测试的位置,该位置也应与您的目标所在的区域相匹配。
服务器位置会改变上述 LCP 和网络延迟。 网络延迟是从浏览器到服务器的往返时间。 您必须始终从同一位置测试您的站点,以便了解您的速度性能的进展情况。
运行多个测试
您希望多次运行测试以允许建立缓存。
此外,请记住,测试值可能会因使用的工具而略有不同。 查看分数的平均值以获得接近现实的估计。
这些做法确保了一致的速度测试结果。
测试特定页面
建议您对您网站上最相关的页面类型进行特定测试。 测试您的主页、产品页面、博客文章等的速度。这样您就可以知道您是否对特定类型的页面有问题。 或许,您可能需要重新设计以特定类别呈现内容的格式。
我们希望您发现这篇文章对您有所帮助。
如果您有任何问题,或者您是否可以想到任何其他元素来加快网站加载时间,请告诉我们。