我们都经历过这样一个关键时刻，当您即将进行大宗购买（如机票）或预订自发的晚餐预订时，页面会停止加载。当您想知道交易是否成功时，您的心很快就沉了下来，并且您担心自己会被收取两次费用。如果你能与这种情绪的产生共鸣，那么当你决定如何制作网站时，你就会明白网站性能的重要性。

什么是网站性能？

网站性能衡量网站页面在任何类型设备上的用户浏览器中加载和显示的速度，从而影响整体交互性和可用性。简而言之：网站加载和显示的速度越快，它的 “性能” 就越好。

服务器和平台基础设施在网站性能中起着关键作用，但其他因素也会影响性能，例如无意中使网站的内容和图像过载。在本指南中，我们将介绍网站性能的所有基础知识，并分享您可以做些什么来监控、支持和改进您的网站。

为什么网站性能很重要？

无论您的行业或利基市场如何，都可以将网站性能视为您在线成功的脚手架。很多时候，访问者只需要良好的初始性能，就可以确保他们不仅会再次与您的网站互动，而且还可能转化为客户。例如，如果网站访客遇到网站卡顿或内容加载时间过长，即使加载时间过长一秒，他们很可能不会返回您的网站。这不仅会对您的网站产生持久的影响，还会对公众如何看待您的品牌产生深远的影响。

让我们更深入地了解一下为什么网站性能如此重要，它会影响：

用户体验

跳出率和访客留存率

转化率

品牌认知度

移动优先文化

搜索引擎优化

• 用户体验

  在创建网站时，必须考虑设计如何影响性能。如果你有一个加载缓慢的网站，那么它有多华丽都无关紧要，因为访问者甚至在有机会看到它之前就会反弹。这是因为这些美学元素是以牺牲您网站的用户体验为代价的。通过提供影响网站性能的用户体验，您可以为您的网站提供确保业务成功的最佳机会。

• 跳出率和访客留存率

  网站所有者在极短的时间内给网站访问者留下良好的第一印象——因此他们的网站表现良好至关重要。 跳出率衡量的是登陆网站并在仅访问一个页面或未点击任何链接后离开的访问者的百分比。根据 Google 的说法，如果页面加载时间是 3 秒，而不是 1 秒，那么访问者跳出的可能性就会增加 32%。

• 转化率

  如果用户对您的流畅快速的网站有良好的体验，他们很可能会留在您的网站上并点击一些东西。这种体验甚至可能促使他们返回您的网站并购买商品或请求您的服务。

• 品牌认知度

  密切关注您网站的性能和整体外观可以向客户表明您重视他们的时间和支出。仅仅一次表现不佳网站的糟糕体验就会影响品牌信任和整体品牌认知度。

• 移动优先文化

  平均而言，美国人每天查看手机 344 次，即每 4 分钟一次，因此 57.84% 的网络流量来自手机也就不足为奇了。创建可快速加载的高性能移动优先设计是用户体验的重要组成部分。

  研究表明，移动网站速度每提高 0.1 秒，零售网站的转化率就会提高 8.4%。您可以使用这个简单的测试来检查您的网站是否适合移动设备。

• 搜索引擎优化

  性能不仅会影响用户体验您的网站，还会影响访问者最初找到您网站的方式。

  Google 的核心 Web 指标（我们将在下面介绍）是 Google 页面体验（一组衡量感知用户体验的信号）的一部分，可以影响网站在搜索结果页面 （SERP） 上的显示方式。

  然而，重要的是要注意，Google 并不认为 Core Web Vitals 是一个关键的排名因素。此外，页面体验本身就是一个排名信号——根据 Google 的说法，它不是一个排名系统——不应该是你高度关注的东西。

• 性能指标

  网站性能是通过各种速度和质量测试来衡量的，包括访问者到达时网站加载的速度、对用户交互的反应速度以及动画等媒体的运行流畅程度。这些测试可以在实验室中运行受控模拟，也可以在现场使用真实用户体验和真实测量进行测量。  由于需要跟上的工具和指标太多，Google 的 Core Web Vitals 计划创建了一个统一且一致的行业标准，以帮助网站专注于最重要的指标。虽然它们是衡量网站性能的关键指标，但重要的是要注意，它们并不是影响性能的唯一指标。

• 核心 Web 指标

  Core Web Vitals 使用三个信号来衡量速度、交互性和视觉稳定性：

  最大内容绘制 （LCP） 测量在页面上呈现最大图像或文本块所需的时间。

  累积版面偏移 （CLS） 测量页面整个生命周期内的所有版面偏移。每当可见元素在页面加载时更改其位置时，就会发生布局偏移。

  首次输入延迟 （FID） 衡量从用户首次与页面交互（例如，通过单击链接或按钮）到浏览器实际处理该交互的时间。

• 页面加载指标

  页面速度是指网页上内容的加载速度。页面速度可以通过多种方式进行测量，包括：

  速度指数 （SI），表示内容在页面加载期间的显示速度。

  首次内容绘制 （FCP），测量从页面开始加载到页面内容的任何部分（文本、图像和其他图形元素）在屏幕上呈现的时间。

  互动时间 （TTI），衡量从用户登陆页面到页面完全互动（用户可以点击按钮并以其他方式与您的网站互动）所需的秒数。

  总阻塞时间 （TBT），简单地说，衡量您的网页被阻止的总时间，阻止用户与您的页面交互。

  首字节时间 （TTFB），测量浏览器请求页面与从服务器收到第一个字节信息之间的时间。
  
  

  影响网站性能的因素
  

  
  

  为了优化您网站的性能，让我们深入了解您应该考虑的以下参数。

• HTTP 请求

  HTTP 或超文本传输协议请求构建了 Web 浏览器和 Web 服务器的通信方式。当您在浏览器中键入 URL 时，您实际上是在要求浏览器从网页的主机服务器请求这些页面的每个文件。通常，网页越复杂，加载整个网站所需的 HTTP 请求就越多，加载速度就越慢。

  通常，站点的 HTTP 请求越少，其性能就越好。可能影响 HTTP 请求数量的因素包括图像、JavaScript、CSS 文件和第三方工具。

• 页面粗细

  虽然请求数量会影响性能，但实际请求的内容也会受到影响。页面粗细（也称为页面大小）是指网页的文件量，即页面上包含的 HTML、图像或其他媒体、JavaScript、CSS 和第三方资源。网站越重，页面上需要加载的元素和资产就越多，页面的执行速度就越慢。

  图片大小： 图像在您的网站设计中起着至关重要的作用。它们传达品牌信息、吸引访问者、支持博客内容，甚至可以充当号召性用语 （CTA）。但是，图像比纯文本 HTML 文件更重，加载时间更长，因此会显着影响网站的性能。  为确保最佳性能，所有图像都需要在您的网站上发挥战略作用并进行优化。图像优化是指在不影响质量的情况下将图像转换为尽可能小的文件大小的过程。  然后，您可以以 JPG、PNG 或 GIF 文件格式下载它们。需要注意的是，就性能而言，最好的格式是 JPG，因为 JPG 图像可以比 PNG 小 10 倍，因此，它们的加载速度要快得多。避免使用 GIF 也是最佳做法，因为这些动画图像往往具有较大的文件大小，这会导致加载时间更长。相反，请尝试使用视频，因为它使用的文件大小较小，并且用户可以在文件完全下载之前查看。  提示： 添加到 Thinkart 网站的每张图片都会自动优化并转换为现代图像格式（如 WebP），以确保快速下载和高质量。Thinkart 网站还使用“延迟加载”来优化性能，因此浏览器会延迟在用户初始视图之外加载内容或媒体。您还可以使用图像调整器工具将图像缩放到您想要的确切尺寸。

  文件大小：文件越小，发送和下载的速度就越快。为了提高性能，文件可以由 Web 服务器“压缩”，或者尽可能缩小而不丢失信息，然后发送到浏览器以正常接收和呈现它们。

• Web 托管

  Web 托管是指向用户浏览器提供网站文件。不同的托管选项可以根据网站大小、流量数量和可扩展性影响您网站的性能。

• 缓存

  缓存是存储数据（在服务器上或通过浏览器）的过程，将来可以更轻松地获取数据，以避免 HTTP 请求和响应周期。

  例如，如果您有一个销售旧货店发现的电子商务网站，您将拥有某些资产，例如您的徽标，它们会出现在每个页面的同一位置。如果没有缓存，每次用户点击新产品页面时，页面都必须下载徽标。所有 Thinkart 站点都会向所有页面部署自动缓存。

• 地理位置

  尽管感觉无处不在的 Internet 无处不在，但使网站正常工作的 Web 基础设施不仅是有形的，而且遍布世界各地。每个 HTTP 请求都必须从浏览器传输到服务器，然后信息必须从服务器传回并传递到浏览器。数据在服务器和浏览器之间传输的物理距离越长，完成请求和响应周期所需的时间就越长。  例如，托管在位于华盛顿州西雅图的服务器上的网站对于西雅图的浏览器请求的性能要比在马达加斯加的请求要好，因为数据的物理传输距离更少。

  为了缩短数据因请求而传输的距离，托管服务提供商还战略性地将服务器（称为代理服务器）放置在全球各地，作为内容交付网络的一部分。这些服务器托管网页、图像和视频的缓存副本，并快速响应离它们最近的浏览器的请求。

• 浏览器插件、扩展和第三方应用程序

  第三方附加组件通过访问存储在另一台服务器上的数据为您的网站提供额外的功能。由于它们需要向这些服务器发送额外的 HTTP 请求，因此它们的加载速度通常很慢。为了优化性能，请将附加组件限制为仅对用户体验有很大贡献的附加组件。

• URL 重定向

  将网站访问者和搜索引擎重定向到与他们最初请求的页面不同的 URL。当浏览器向服务器发送 HTTP 请求以获取已重定向到另一个页面的特定页面 URL 时，会触发们。服务器使用新页面 URL 响应浏览器的请求，然后浏览器使用该 URL 的新请求进行响应。由于它需要完成额外的 HTTP 请求，因此可能会对页面的性能产生负面影响。多个重定向请求可能会对浏览器资源造成相当大的负担，并最终减慢页面加载时间。

  随着您的业务增长和在线内容的变化，您可能需要使用重定向更新网站的流程。例如，假设您创建了多篇涵盖同一主题的博客文章，并且您希望根据主题集群模型将它们合并为一篇战略文章。虽然重定向通常是不可避免的，并且对 SEO 来说是必要的，但请尽可能保持它们简单明了，以保证良好的性能。
  
  

检查网站性能的最佳实践，检查网站性能的第一步是对其进行测试，在开始测试之前，请考虑以下事项：

注意您的数据源。 现场数据或真实用户监控 （RUM） 数据是最准确的测量方法，因为它包含来自真实用户真实访问的数据，并反映了用户设备、网络和位置的实际状况。   但是，并非所有站点都有足够的流量来获取此字段数据，因此他们可以改用实验室数据。与现场数据不同，实验室数据来自模拟环境。具体来说，在移动设备上，模拟条件是在网络条件不理想的低端设备上进行测试的，因此它们不是 100% 准确的，因为它不一定等同于现实世界的用户体验。  虽然它不太准确，但当您尝试了解设计更改如何影响您的网站性能时，实验室数据会派上用场。假设您正在考虑将新图库嵌入到您的网站中，并希望在发布之前查看它是否对您的网站性能有任何明显影响。由于设计不是实时的，因此无法获得现场 （RUM） 结果，因此请使用实验室数据获得即时结果，以检测桌面和移动设备上典型用户体验的理论性能下降。

注意缓存。 对于实验室测试，每次刷新时，结果都会发生变化。对于每个测试，建议刷新 3 到 5 次并运行平均值，以获得最准确和最值得信赖的结果。

不同的测试给出不同的结果。每项测试的工作方式都不同，并校准自己的测量结果和独特的性能分数。此外，在分析 URL 时，您将收到两个单独的报告：一个用于桌面，一个用于移动设备。由于处理能力、网络条件、网站内容（有时在桌面和移动设备之间有所不同），它们可能会产生不同的性能结果。为了获得准确的结果，请尝试 1 到 3 项测试，只需注意每项测试的具体内容以及数据的来源，即可最好地了解它们可能不同的原因。

网站性能常见问题解答

什么是良好的网站性能？

有很多方法可以评估网站的性能，从速度到跳出率和用户体验。一般来说，一个好的网站性能是能够在三秒内快速加载的网站。

网站性能数据的主要类型有哪些？

在衡量网站性能时，有两种主要类型的数据。实验室数据是在模拟环境中的受控条件下收集的。它通常是使用 Lighthouse、WebPageTest 或 Google PageSpeed Insights 等工具收集的。然后，这些工具会提供详细的网站性能指标，例如加载时间和页面大小。Field 数据是从 Web 站点的实际实时使用情况中收集的。Google Analytics 等工具可以显示用户在网站上的行为以及该网站的每个页面。这包括跳出率和页面停留时间等指标。

网站性能指标有哪些？

常见的网站性能指标包括页面加载时间、交互时间、第一个字节的时间和第一个内容字节。从本质上讲，所有这些指标都衡量了网站页面上不同层和级别的内容加载所需的时间。