优化电子商务网站速度的 11 种方法

作为电子商务企业，优化网站性能应该是您的首要任务之一。

这是因为您的转化直接受页面加载速度的影响。 今天的消费者期望网站速度极快。 如果您的在线商店因任何原因运行缓慢，您将面临失去客户并最终失去收入的风险。

Aberdeen Group 2016 年的一项研究表明，实际上，如果页面加载时间延迟 3 秒，您将失去 20% 的访问者。

有多快？ 根据数字绩效管理公司 Dynatrace 的数据，平均而言，2017 年黑色星期五至 1 月 3 日期间运营的全球零售网站在视觉上是完整的，并且可以在 2.5 秒内使用。

以下是确保您的网站针对速度进行优化的一些关键方法：

1.限制DNS查找次数

每次您的电子商务网站加载时，浏览器都需要找到与您的域名对应的 IP 地址。 这称为 DNS（域名系统）查找。

浏览器需要查找您的主域以及页面上来自外部源（例如 Twitter 提要或嵌入的 YouTube 视频）的任何域。 因此，减少对站点上外部源的查询次数将最大限度地减少客户端需要进行的不同 DNS 查找，这可能会延迟页面的初始加载。 例如，您可以将它们托管在您的服务器上，而不是超链接到图像。

您还可以寻找更快的 DNS 提供商，更改 TTL（生存时间）值以利用 DNS 缓存，或将尽可能多的资源移动到内容交付网络（稍后会详细介绍）。

2. 投资于更好的虚拟主机查找

可靠、快速的网络托管是您网站速度的关键因素。 并不是所有的网络主机都是平等的。 您需要找到一种可以处理网络流量和交易高峰的服务（例如在大型产品发布期间或黑色星期五到网络星期一期间）。

对于电子商务网站来说，没有比访问者无法访问更糟糕的命运了。 良好的托管服务将保证 99.5% 或更高的正常运行时间。 优质主机将承诺高达 99.99% 的正常运行时间。

毫无疑问，您需要 SSL 认证和专用 IP 地址。

3. 压缩你的照片

图片占网站总重量的 50-75%，但令人惊讶的是，排名前 100 的电子商务网站中约有 45% 不费心压缩他们的图片。 他们应该，你也应该。 您可以选择无损压缩，在不降低质量的情况下减小文件大小。

您应该始终在代码中设置图像尺寸，以便浏览器在移动到页面上的其他元素之前无需等待图像完全呈现。 它只会留下一个带有预设尺寸的盒子，并继续加载站点。

在 Photoshop 中压缩您的图像或使用图像压缩器，例如 TinyPNG 或 Kraken.io。

4. 优先加载首屏

由于您网站的顶部将是您的访问者首先看到的内容，因此“首屏”加载的速度比网站的其他部分更快是有意义的。 此过程的另一个术语是延迟加载。 它特别有助于加快单页、大量图片的网站，这些网站已成为许多品牌的流行设计选择。

有关如何启用延迟加载的说明，请转到此处。

5. 缓存你的页面

缓存允许浏览器缓存全局元素，而不是强迫用户在每次访问时下载每个页面的每个组件，因此只有新元素需要浏览器请求。

缓存可加快加载时间，因为浏览器会存储站点搜索索引、目录信息、用户信息、侧边栏块、布局说明和翻译文件等页面元素。 这些元素通常在每个页面上都保持不变，因此每次访问者单击新页面时，浏览器都不需要请求这些资源。

要启用浏览器缓存，您需要编辑 HTTP 标头以为某些类型的文件设置更长的到期时间。 以下是 Google 开发人员的一些建议。

6. 减少 HTTP 请求

大约 80% 的网站响应时间用于下载前端元素，例如图像、样式表、脚本、Flash 元素等。减少元素数量可以减少完全呈现页面所需的 HTTP 请求数量.

最简单的方法就是让您的网站在设计上更简单。 但在许多情况下，这不是一个可行的选择。 您可以使用 CSS 精灵和图像映射将多个图像组合成一个图像，从而减少图像请求的数量。 您还可以将所有样式表合并到一个文件中，也可以将所有 CSS 合并到一个样式表中。

7. 使用 Gzip 压缩

当访问者访问您的站点时，会向您的服务器发出请求以传送文件。 文件越大，到达浏览器所需的时间就越长，这是有道理的。

Gzip 压缩允许您的服务器在将站点文件返回到浏览器之前对其进行压缩，从而大大减少了传输时间。 事实上，gzip 可以将页面和样式表的大小减少 90%！

通过 Web 服务器配置启用压缩。 每个 Web 服务器都有不同的说明。 请按照此 Google 教程了解更多详细信息。

8. 利用内容交付网络

如果您是一家拥有来自世界各地的访问者的全球电子商务企业，那么您绝对应该使用内容交付网络来优化您网站的性能。 CDN 的工作原理是在全球范围内传播服务器节点，以便您的站点访问者可以在最近的节点下载缓存资源，从而提高效率并减少加载延迟。

CDN 提供商拥有比您可能拥有的更大的网络管道、位于世界各地的更多服务器以及网络对等功能。 此外，他们拥有专门的团队，不断监控和优化他们的基础设施。

选择正确的 CDN 可能很棘手。 从本指南开始。

9. 缩小你的代码

缩小是从源代码中删除所有不必要的字符（例如空格和行）而不影响其功能的过程，从而允许浏览器更快地加载页面。 该过程涉及 HTML、CSS 和 JavaScript 文件，可以大大加快加载时间。 缩小既减少了文件的大小，也减少了所需的文件数量。

按照这些资源清理您的代码并使浏览器更容易呈现您的页面。

10. 使用异步加载

当浏览器加载页面时，它会从上到下移动。 您可以通过允许同时加载 CSS 和 Javascript 等脚本来加快速度。 这称为异步加载。 如果您的脚本是同步加载的，它们会按照它们出现在页面上的顺序加载，这可能是一个较慢的过程。

按照本指南对如何启用异步加载有一个基本的了解。

11. 持续监控您的网站速度

最后，我们将从我们开始的地方结束：您需要将网站性能作为每一天的优先事项。 这意味着您需要不断监控您的网站是否存在问题，并寻找优化速度和效率的方法。

Google 的 PageSpeed Insights 提供了一个很好的工具来分析您的网站在移动和桌面上的速度。

Pingdom 提供了另一个用于检查站点速度的出色工具。

请记住这条经验法则：您的网站加载时间每延长一秒，您就会失去 10% 的访问者。 哎哟。