您还认为网站的加载速度不重要吗？

大错特错

您的网站页面加速时间延迟多一秒，就会产生下面几个影响：

1.页面浏览量减少 11%

2.客户满意度下降 16%

3.7% 的转化损失

您的网站需要多花几秒钟的时间来加载，这将对您吸引访问者和进行销售的能力产生负面影响。

网站速度优化如何影响转化

缓慢的网站会扼杀转化。并且永远无法恢复。

事实上，47% 的消费者希望网站能够在两秒或更短的时间内加载完毕。40% 的人会放弃需要三秒或更长时间的页面。

如果您的网站加载时间超过 3 秒，那么您几乎有一半的访问者在他们到达您的网站之前就已经流失了。

是的，你没有看错。

仅此一项就对您的潜在转化造成了巨大打击。

对于决定留下来的访问者，您的缓慢加载时间可能会阻止他们将来返回。在一项调查中，79% 的客户 表示他们不会返回性能不佳的网站。

在同一项调查中，52% 的购物者表示快速页面加载对他们的网站忠诚度很重要，44% 的购物者表示他们会告诉朋友糟糕的网站体验。

该调查还发现，一秒钟的延迟会使客户满意度降低约 16%。

最好的例子之一是沃尔玛在提高网站速度后提高了转化率和收入。

在他们的初步分析中，他们发现转换的访问者收到的页面加载速度是未转换的访问者的两倍。

如何在2022年加快您的网站速度

1. 最小化 HTTP 请求

网页加载时间的 80% 用于下载页面的不同部分，如图像、样式表和脚本。每个元素都会发出一个 HTTP 请求，因此页面上的组件越多，页面呈现所需的时间就越长。最小化您的请求的第一步是弄清楚您的网站当前制作了多少，以用作基准。

2. 缩小和合并文件

既然您知道您的网站提出了多少请求，您就可以着手减少该数量。开始的最佳位置是您的 HTML、CSS 和 JavaScript 文件。

这些是极其重要的文件，因为它们决定了您网站的外观。

它们还会增加您的网站在每次用户访问时发出的请求数。

您可以通过“缩小”和合并文件来减少此数字。这减少了每个文件的大小，以及文件的总数。

如果您使用模板化网站构建器，这一点尤其重要。这些使构建网站变得容易，但它们有时会创建混乱的代码，从而大大降低您的网站速度。

缩小文件涉及删除不必要的格式、空格和代码。

由于每段不必要的代码都会增加页面的大小，因此消除多余的空格、换行符和缩进很重要。这可以确保您的页面尽可能精简。

组合文件正是它听起来的样子。如果您的网站运行多个 CSS 和 JavaScript 文件，您可以将它们合并为一个。

3. 对 CSS 和 JavaScript 文件使用异步加载

缩小并合并某些文件后，您还可以优化它们在页面上的加载方式。

像 CSS 和 JavaScript 这样的脚本可以通过两种不同的方式加载：同步或异步。

如果您的脚本同步加载，它们一次加载一个，按照它们在页面上出现的顺序。另一方面，如果您的脚本异步加载，其中一些将同时加载。

异步加载文件可以加快页面速度，因为当浏览器加载页面时，它会从上到下移动。

如果它到达一个非异步的 CSS 或 JavaScript 文件，它将停止加载，直到它完全加载该特定文件。如果同一个文件是异步的，浏览器可以同时继续加载页面上的其他元素。

4. 延迟 JavaScript 加载

延迟文件意味着在其他元素加载之前阻止它加载。如果您推迟较大的文件，例如 JavaScript，您可以确保您的其余内容可以毫无延迟地加载。

5.减少服务器响应时间

页面加载速度的最大因素之一是 DNS 查找所需的时间。

DNS 或域名系统是具有 IP 地址及其相关主机名数据库的服务器。当用户在浏览器中键入 URL 时，DNS 服务器将该 URL 转换为表明其在线位置的 IP 地址。

因此，DNS 查找是查找特定 DNS 记录的过程。您可以将其视为您的计算机在电话簿中查找号码。

如果您使用的是慢速 DNS，这会增加浏览器定位您的站点所需的时间。切换到更快的 DNS 提供商可以加快这一过程。

6.启用浏览器缓存

当您访问一个网站时，您访问的页面上的元素会存储在您的硬盘驱动器中的缓存或临时存储中。

这意味着下次您访问该站点时，您的浏览器可以加载该页面，而无需向服务器发送另一个 HTTP 请求。

7.减小图像尺寸

图片可以在您的网站速度中发挥重要作用。它们通常是非常大的文件，可能会减慢页面加载时间。

8. 使用 CDN

使用 CDN，您可以将站点缓存在全球服务器网络上。当用户的浏览器从您的站点请求文件时，该请求将被路由到最近的服务器。

如果来自南非的用户访问您的网站，他们的浏览器可以从附近的服务器下载文件。

用户收到的内容是相同的，但加载速度比浏览器向地理位置较远的服务器发出请求时要快得多。这消除了远离托管服务器的用户有时会遇到的加载滞后和延迟问题。

9. 优先考虑首屏内容（延迟加载）

刚刚建议您只使用一个 CSS 样式表而不使用内联 CSS，您需要考虑一个警告。

您可以通过更快地加载首屏（页面顶部）部分来改善用户体验——即使页面的其余部分需要几秒钟才能加载。

这称为延迟加载，对于首屏下有大量内容的页面特别有用。

例如，假设您写了一篇包含 20 张照片的博客文章。通常，用户的浏览器需要在页面上显示任何内容之前下载所有这些图像。

使用延迟加载，它可以先加载视图中的内容，然后再加载所有这些照片。

这样，用户不必等待访问页面，并且图像将在它们进入视图时加载。

10.减少外部脚本

正如我们上面提到的，您的网站向您的服务器发出的请求越少，页面加载的速度就越快。

尽管 CSS 和 JavaScript 文件通常是额外外部脚本的罪魁祸首，但它们并不是唯一的——消除任何其他文件也会影响您的速度。