实施哪些技巧才能使您的网站以闪电般的速度加载?

在过去的 20 年里,人类的平均注意力从 12 秒下降到 8 秒,比金鱼的9秒还要短。虽然这个随机的琐事是有争议的,但它有很多含义,其中之一与您的商业网站有关。您会看到——在当今快节奏的世界中, 53%的网络用户在加载时间超过 3 秒时会离开网站。想象一下——您获得了一次点击,然后因为您的网站加载速度不够快而失去了转化机会。

实施哪些技巧才能使您的网站以闪电般的速度加载?-南华中天

那很痛,不是吗?据谷歌称,虽然页面相关性和页面排名仍然是网站要遵守的重要指标,但网站加载时间也是一个重要的可用性指标。该指标不仅考虑了页面排名,而且对转换率以及访问者是否会留在网站上产生巨大影响。

因此,很明显您不能承受加载缓慢的网站。有太多的激励措施!但是你怎么做呢?您必须实施哪些技巧才能使您的网站以闪电般的速度加载?

以下是一些快速获胜的技巧:

1、启用浏览器缓存

这可能是改善网页加载时间的最常见技巧。当用户第一次访问您的网站时,网页的主要组成部分会保存在临时存储器或硬盘上。这意味着他们的浏览器可以轻松访问您的网站,而无需向服务器发送另一个 HTTP 请求,并且用户可以在下次访问您的网站时轻松打开它——几乎是即时的。

为了实现同样的目的,Nginx 缓存或 WordPress 驱动的W3 Total Cache和WP Rocket等服务可以方便地为网站启用浏览器缓存。

2、限制和删除插件

插件被“插入”以改进网站的特定功能,其中可能包括添加额外信息、在您的网站和外部工具之间提供更顺畅的集成,或更改视觉元素。

但是,越来越多的插件需要更长的时间来加载。举个例子——众所周知,“Facebook like box”会通过增加高达 700 KB 的总页面重量来减慢网站的速度!同样,质量较低的插件也会增加加载时间。关键是保留您网站实际需要的高质量插件,并删除不必要的插件。这个建议不仅适用于 WP 网站,也适用于其他网站,例如 Joomla 中的扩展、前端库等。

实施哪些技巧才能使您的网站以闪电般的速度加载?-南华中天

3、优化你的 CSS 代码

不久前,理想的网页大小只有 30KB。请注意——包括内容、图像、代码和图形。很快,CSS 脚本越来越流行,因为它可以提供增强的 Web 用户体验。

然而,这也有其不利之处。您网站上的 CSS 文件越多,它被迫发出的 HTTP 请求就越多,从而降低了网站速度。以下是三个最佳实践:

  • 通过使用更少的运算符和声明使代码尽可能短。更少的 CSS 脚本行意味着更少的处理周期和更短的页面加载时间。
  • 确保您的 CMS 已经优化了您的 CSS。如果没有,建议使用诸如CSS Minifier之类的外部工具来最小化资源文件。这样,网站的加载速度会更快。
  • 避免在 HTML 中使用 CSS,例如 DIV 和 H1 标签。

您可以使用更多工具来优化和格式化 CSS。

4、限制您的 301 重定向

改变网站结构是不可避免的。这意味着您的页面 URL 也会更改。但是,由于您不想用不同的 URL 混淆您的网络访问者,或者降低任何这些页面的排名,您可以将点击从旧 URL 重定向到新 URL。

301 重定向确保旧URL 仍然有效,即使它在技术上不存在。但是,这个简单的解决方案减少了页面加载时间,因为该过程会创建一个链接,您的浏览器必须通过这些链接才能到达新的 URL。因此,请限制您的 301 重定向。

实施哪些技巧才能使您的网站以闪电般的速度加载?-南华中天

5、缩小图像尺寸

人类已经进化为视觉生物。人脑处理视觉的速度比文本快60,000 倍也就不足为奇了。说到网站,没有人喜欢花时间在一个单调乏味、信息太多、没有任何视觉表现的网站上。难怪任何称职的网站都拥有相当多的视觉内容——从图片和幻灯片到 GIF 和视频,从而将其转化率提高了7 倍。

然而,尽管有积极作用,但图像会特别增加网页的加载时间。应对这一挑战的唯一方法是重新缩放图像。这并不意味着裁剪它们,因为页面仍然需要加载整个图像并以比原始图像更小的尺寸显示。

这里的解决方案是调整图片大小并压缩它们。据谷歌称,25% 的网页可以节省超过 250KB,其中大约 10% 的网页仅通过压缩大文件就可以节省超过 1MB 。查看在不影响质量的情况下压缩图像的工具数量。因此,优化您的网络图像并减少页面加载时间。

6、使用第三方托管

如果您的网站包含包含图像和视频的大文件,则页面加载时间将显着增加。此外,如果您使用共享服务器来托管文件,尤其是视频,则加载时间会增加更多。

要解决此问题,请在 YouTube 或Vimeo等外部托管平台上共享视频文件。然后可以使用简单的代码将视频嵌入网站,从而大大提高网站加载速度。如果使用 WordPress,那么您还应该考虑使用高级托管以获得一致的可靠页面加载时间和安全性。

7、压缩和缓存

一项 Machmetrics 研究表明,这些网站的平均页面加载时间约为 8-11 秒。这似乎是一个很小的数字,但如前所述,网站访问者等待网页打开的时间不会超过三秒钟。

实施哪些技巧才能使您的网站以闪电般的速度加载?-南华中天

这就是压缩站点的所有静态内容派上用场的地方。通常,压缩更多的是服务器设置。但是,如果这不是一个选项,请使用文件格式和 Gzip 等其他应用程序,它们可以识别文本文件中相同代码的字符串。

大多数托管平台在他们的计划中提供多层缓存。与您的托管服务提供商联系,了解哪些是可用的以及如何在您的网站上启用。例如,SiteGround 提供静态、动态、Memcached 和 HHVM 缓存解决方案。对于 WP 站点,Kinsta提供服务器端缓存和强大的内部开发插件来管理站点缓存。这样做会显着减少网站页面加载时间。

包起来

网站速度很重要。这是您给初次访问者的第一印象。是的,糟糕的页面加载时间会对您的搜索排名、用户体验和转换产生不利影响。当问题可以通过我们的七个技巧轻松解决时,为什么还要让这种情况发生呢?