6个被低估的技巧来提高你的电子商务网站的速度
已发表: 2022-05-03在用户体验方面，速度是决定电子商务网站成功的最重要因素之一。 每一秒都变得宝贵，以至于网站速度提高一秒可以将移动交易量提高 27%。
有一些众所周知的久经考验的方法可以加速您的在线商店。 您会发现许多资源提到优化图像大小、读取 HTTP 请求和切换托管服务。
本博客深入探讨了这些技术，并提供了一些有用的被低估的技术，这些技术实际上可以显着提高您的电子商务网站的速度。 让我们开始吧。
1. 评估第三方扩展
每个电子商务商店都需要以某种方式、形状或形式使用第三方扩展。 虽然合并任意数量的扩展与网站速度无关，并且其中大多数会简化您的在线商店的性能，但最好始终检查这些扩展。
当它们带有大量自定义功能、不稳定的代码和不良内容时，网站速度会大大降低。 您可以通过以下步骤检查此类扩展：
- 识别标记为慢的脚本或标签并通过 Chrome DevTools 进行纠正
- 尽可能使用异步/延迟指令或资源提示来减少加载时间
- 在发布之前在临时站点上彻底测试每个 JS 修改
2. 改善首字节时间 (TTFB)
虽然我们可以忍受红绿灯和微波炉最多两分钟，但我们不能忍受等待网页加载不到三秒钟。 这就是“第一个字节的时间”（TTFB）变得至关重要的地方。
TTFB 用作响应元素。 它没有说明该站点会加载得更快，只是它会开始这样做。 另一方面，较低的 TTFB 通常表明站点速度更快且响应更快。
为了获得良好的用户体验，快速响应点击的网站至关重要。 事实上，对于 SEO 而言，网站响应能力可能比网站完全加载所需的时间更重要。 根据 Google 的说法，小于 200 毫秒的 TTFB 非常好。 但是，其最新版本的 PageSpeed 工具不会发出警报，除非时间超过 600 毫秒。
要找出导致您的 TTFB 延迟的原因，有很多事情需要调查。 如果您发现您的资产需要很长时间才能生成初始字节，您应该分析问题并进行任何必要的修改以提高站点的速度。 以下是您的 TTFB 比平时慢的一些最常见原因：
- 网络问题
- 服务器容量问题（磁盘 I/O、RAM 和网络限制）
- 数据库的配置和设计
您可以结合浏览器缓存或内容交付网络（前面讨论过）来显着减少 TTFB。
3.使用浏览器缓存
当浏览器缓存构成您网站的关键文件时，称为浏览器缓存。 这意味着当访问者返回您的站点时，他们的浏览器将不必重新从您的服务器下载每个文件。 它只需要请求某些文件甚至个别页面可能已更改的部分（如徽标图像）。 由于减少了对服务器的查询量，这显着增加了加载时间。
将一小段代码添加到您的 HTTP 标头以建立某些文件的到期期限是启用缓存的一种相当简单的方法。 由于页面经常会在活动期间对价格、产品评论、国际快递服务提供的送货信息等进行时间敏感的调整，因此浏览器缓存对于在线商家来说可能有点挑战。
因此，区分提供真正稳定材料的文件（CSS 样式、徽标、导航等）和包含易于更改的内容的文件至关重要。 然后，您可以根据需要进行编码。 请记住，编写特定的页面元素（如页眉和页脚）以及对时间不敏感的较大文件（如 CSS 样式表）非常容易，只需为它们启用缓存即可提高站点速度。
4. 使用内容交付网络 (CDN)
内容交付网络可以定义为遍布全球的服务器集合。 他们的任务是将交付负载分配到离用户位置最近的服务器，从而实现更快的本地用户体验。 随着越来越多的电子商务企业走向世界，CDN 是平台性能不可协商的组成部分。
使用 CDN 后，您的网站文件将被复制并存储在这些服务器上。 当来自不同大陆（甚至国家）的消费者访问您的在线商店时，所有数据都从离他们最近的服务器加载，从而使网站的加载速度显着加快。
CDN 是高流量电子商务网站的绝佳选择。 高密度 PoP 允许它们从缓存中提供更多静态和事件驱动的信息。 因此，您的缓存命中效率提高了 90%-98%，从而为您的用户提供更好的体验。 由于性能指标调整，它还提高了搜索引擎排名。 CDN 连接使网站的长期维护更容易，旨在提高网站的整体速度。
5.尝试延迟加载
如果一个网站需要几秒钟的时间来加载，您可以通过加快页面顶部的速度来改善用户体验。 延迟加载是一种适用于首屏内容较多的网站的方法。 该 API 被 17% 的网站采用，考虑到它是在 2019 年推出的，这是一个相当大的数字。由于延迟加载，它会先加载显示器内的图像，然后再加载所有其他图片。
用户无需等待很长时间即可访问该网站，并且照片将在可用时立即加载。 这将显着减少加载包含大量照片的文章所需的时间。 设置这个插件很简单。 可以使用 Lazy load、BJ Lazy load、WP Rocket 等插件。
6. 开发 AMP 和 PWA
由于 52% 的互联网流量来自智能手机，因此针对这些设备优化您的电子商务商店非常重要。 Accelerated Mobile Pages (AMP) 和 Progressive Web Apps (PWA) 使提高移动设备上的网站速度变得更加容易。
Google 构建了 AMP 开发框架，该框架由 HTML 子集 (AMP HTML)、JavaScript 框架和可选的 CDN 组成，允许开发人员提供闪电般的移动页面，而无需投入大量资源进行速度优化。 虽然 AMP 在创建时考虑到了基于内容的网站，但它在在线商店中越来越受欢迎。
渐进式 Web 应用 (PWA) 是可以使用移动浏览器访问的 Web 应用。 它们模仿了应用程序的许多功能，例如通过移动主屏幕上的图标访问、更好的参与度（高达 400%）和推送通知，但无需用户在手机上安装任何东西。
包起来
所有这些被低估的技巧都可以保证用最有效的方法来提高网站的速度。 您应该尝试将这些元素整合到您的电子商务网站中，以将流量转化为收入，最大限度地降低客户流失率，并以卓越的用户体验取悦您的客户。