恒创科技：网站加载慢？如何提高网站打开速度？

网站打开速度是用户体验和 SEO 营销的要点之一。许多研究已经证明，当网页加载时间超过 3 秒，超过 50% 的用户会关闭网页。网站打开过慢会造成负面用户体验，增加跳出率，导致你的网站在搜索结果页的位置较低。SonderCloud恒创科技为你简单介绍网站打开速度取决于哪些因素以及如何增强它。

一、哪些因素影响网站加载速度

网站加载速度取决于许多因素。本文重点讨论 3 点：服务器响应时间，内容特点和内容加载速度以及页面渲染。

1. 服务器响应时间

当用户打开网站时，浏览器会向服务器发送 HTTP 请求。服务器响应该请求后，内容将呈现出来。发送请求和收到响应之间的时间跨度称为服务器响应时间。

此术语称为 TTFB，即“第一个字节返回的时间” 。用户视角为：从打开网站的那一刻到页面开始加载的那一刻之间的时间跨度。

服务器响应时间取决于：

1. 服务器加载，即同时打开网站的用户数量和同时发生的请求数量。请求越多，服务器处理请求的速度就越慢。
2. 服务器特性，即服务器是否有足够的容量来承受当前负载。
3. 服务器和用户位置。服务器和用户之间的距离越大，处理请求并得到响应所需的时间就越多。
4. 与数据库配合使用。如果你的网站与数据库进行交互，如果数据库位于资源稀缺或功能设置与当前负载无关的服务器上，这也可能导致高时延。

2. 内容特点和内容加载速度

很容易理解：内容越重，加载的时间越长。因此，网站上发布的元素越小越好。

然而，在文件大小和质量之间保持平衡非常重要。仅有几 kb 的图像肯定加载更快。但如果它们模糊不清或包含一些无法区分的元素，这可能会对你的在线服务造成不良印象，进而导致销售额降低。

3. 页面渲染

网站由图像、视频、文本内容、图形元素等组成。当页面加载时，所有这些元素都完全显示在用户的屏幕上。这被称为页面渲染。页面渲染速度可以使用各种服务进行测试。

页面渲染速度取决于以下因素：

1. 页面上的元素数量。
2. 元素加载的顺序（最重要的元素应首先显示）。
3. 页面布局。

二、如何缩短服务器响应时间

1. 优化数据库性能

为了使内容显示在页面上，服务器需要调用存储此内容的数据库。数据库缺乏性能优化，会增加网站加载时间。如果你使用动态内容（社交网络、论坛、在线商店中的推荐清单，以及数据库中未存储的、需要按需即时获取的任何其他内容），则更加重要。在这种情况下，系统不仅需要检索文件，还需要形成客户端应该看到的信息块。

对于经验丰富的程序员来说，优化数据库性能是一项优先任务。需要做的第一件事如下：

• 优化数据库请求。使用数据库时，使用 EXPLAIN 命令来了解哪些请求缓慢，并找到加快速度的方法。
• 预先缓存最常见和类似请求的内容。动态内容网站更需要此项工作。数据库可以返回存储在缓存中的现成数据，而不是一遍又一遍地生成相同内容。
• 设置数据库索引。索引表字段便于数据搜索和加快搜索。

2. 启用 CDN

服务器离用户的位置越远，处理请求、获得响应所需的时间越长。如果你的所有客户都在同一区域，则没有问题，你只需租用附近的服务器即可。例如，如果你的目标受众都在中国内地，则建议选择国内服务器；如果你的目标受众主要在中国内地、东南亚以及日本、韩国等地区，建议选择香港服务器，兼具国内和海外高速访问。

然而，大多数情况下，在线业务的目标受众分散在不同的国家/地区，不可能在每个地区都租用服务器。此问题可以通过 CDN（内容交付网络）服务器解决。它是大量连接的服务器（即节点），从源服务器检索数据、缓存数据并将信息传达给用户。CDN 服务器通常尽可能靠近最终用户。当用户打开你的网站时，请求被发送到最近的存在点，而不是发送到源服务器。这会减少请求路径和服务器响应时间。

3. 减少服务器负载

要减少服务器负载，首先要减少请求数量。

加载网站时，浏览器需要发送每个页面元素。网站上的元素越少，浏览器需要发送的请求越少。

为此，为避免更改页面设计，你可以进行以下工作：

• 使用 CSS 精灵技术，将零散的背景图像、界面元素（如按钮和图标）以及相同调色板的图像通常组合在一起，形成 CSS 精灵图。当用户访问页面时，只需发送一次请求，网页中的背景图像即可全部展示出来。在某些情况下，CSS 精灵甚至可以减少图像大小并加快内容负载。
• 使用内联图像，即使用“dаta: URL”方案（图片包含在 HTML 文件中）的图像。但是，内联图像会增加 HTML 文件大小。
• 将多个文件组合在一起。例如，合并多个 CSS 或 JS 文件。如果你有许多重文件，它们的组合将减少服务器负载，但不会显著提高网站性能。

4. 将域名放在离客户端最近的 DNS 服务器上

打开网站之前，浏览器需要获取网站的 IP 地址。域名和 IP 地址信息是存储在 DNS 服务器里。

访客打开网站时，浏览器首先向 DNS 服务器发送请求，接收必要的 IP 地址。存储域名和 IP 地址信息的 DNS 服务器离目标用户越远，处理请求的时间越长，从而增加服务器响应时间。因此，最好是将你的域名放在离你的目标受众最近的 DNS 服务器上，并选择具有多个位置的 DNS 服务，允许你平衡服务器负载。

5. 选择另一台服务器

如果你尝试了所有优化，但服务器响应时间还是慢，原因可能在服务器本身。你当前的服务器可能无法应付如此高的负载，因此你需要切换到具有更高计算性能的服务器。

计算网站正常运行所需的存储空间和 RAM 量，并检查当前服务器是否满足这些要求。如果没有，则更换到性能更高的服务器套餐，甚至切换到其他服务商。如果你的项目正在大规模增长，则传统托管服务提供的资源可能不适合你。你可以考虑是否将项目转移到云服务器或私有云、混合云之中。

三、如何提高内容加载速度

页面元素重量越小，加载速度越快。为加快你的网站，请将所有文件的大小减少到最低限度。但请记住，缩小大小不应该使文件的质量变差。建议使用现代数据压缩算法，如 Gzip、Brotli 和 WebP。这些算法提供无损数据压缩。它们显著减少元素大小而不影响其外观。这些算法可以在内容发送给用户的“路上”压缩文件。

四、如何优化页面渲染

1. 将 javascript 文件放在页面底部。如上所述，应该优先加载最重要的元素。JS 文件不被视为此类文件。

用户首先应该看到的页面内容。在页面完全加载之前，页面内容应该优先呈现。javascript 文件可能很重， 因此应该最后加载。

2. 隐藏对网站移动端版本不必要的元素。如今，用户习惯在手机上浏览网站。移动设备的性能比台式 PC 弱。在移动互联网连接不稳定的情况下，网站加载时间会大大增加。

五、结论

1. 当加载时间超过 3 秒，超过 50% 的用户会关闭你的网站。搜索引擎对加载速度快的网站排名更友好。重要的是，怎样提升你的网站加载速度。
2. 网站的打开速度取决于服务器响应时间、内容加载速度、页面渲染等因素。
3. 为缩短服务器响应时间，你可以优化数据库性能，减少请求数量，在最接近客户端的 DNS 服务器上放置域名，并启用 CDN。如果这些无济于事，则现有负载对于你当前的服务器来说可能太高，你需要选择另一台具有更高计算性能的服务器。
4. 要提高内容加载速度，需要将文件大小降到最低。建议使用数据压缩算法，如Gzip、Brotli 和 WebP。
5. 要加快页面渲染速度，请将 JS 文件放在页面底部，并隐藏对网站移动版本不必要的元素。

（注：本文属【SonderCloud_恒创科技】原创内容，转载请注明出处！）