7个使你的网站快速加载的技巧

本文概述

  • 启用浏览器缓存
  • 限制和删除插件
  • 优化你的CSS代码
  • 限制你的301重定向
  • 缩小图像尺寸
  • 使用第三方托管
  • 压缩和缓存
有没有注意到你家里有金鱼?游泳无休止-从鱼缸的一个角落到另一个角落?好吧, 研究表明, 它比你有更好的注意力范围。
我是认真的。
在过去20年中, 人类的平均注意力范围从12秒降至8秒, 比金鱼的9秒要短。
尽管这个琐碎的琐事备受争议, 但它有很多含义, 其中之一与你的企业网站有关。
你会看到–在当今快节奏的世界中, 有53%的Web用户如果要花费三秒钟以上的时间就离开了网站。想象一下–你赢得了一次点击, 但由于网站加载速度不够快而失去了点击以及转化的机会。
好痛, 不是吗?
Google认为, 虽然页面相关性和页面排名仍然是网站遵守的重要指标, 但网站加载时间也是至关重要的可用性指标。所述度量不仅占页面排名, 而且对转换率以及访问者是否会留在网站上有巨大影响。
因此, 很明显, 你负担不起缓慢加载网站的费用。激励措施太多了!
但是你怎么做呢?
你必须实施哪些黑客措施才能使你的网站以闪电般的速度加载?
以下是一些双赢的技巧:
启用浏览器缓存 这可能是缩短网页加载时间的最常见的方法。当用户首次访问你的网站时, 网页的主要组件将保存在临时存储区或硬盘驱动器中。这意味着他们的浏览器可以轻松访问你的网站, 而无需向服务器发送另一个HTTP请求, 并且用户可以在下次访问你的站点时轻松地打开它-几乎是即时的。
为方便起见, 诸如Nginx Caching或基于WordPress的W3 Total Cache和WP Rocket之类的服务可方便地为网站启用浏览器缓存。
限制和删除插件 插件被” 插入” 以改善网站的特定功能, 其中包括添加额外的信息, 在你的网站和外部工具之间提供更平滑的集成或更改视觉元素。
但是, 越来越多的插件需要更长的时间来加载。一个例子–” 像Facebook一样的盒子” 通过增加700 KB的页面总重来减慢网站速度!同样, 质量较低的插件也会增加加载时间。关键是保留网站实际需要的高质量插件, 并删除不必要的插件。
这个建议不仅适用于WP网站, 还适用于其他网站, 例如Joomla的扩展, 前端库等。
优化你的CSS代码 不久前, 理想的网页大小仅为30KB。注意-其中包括内容, 图像, 代码和图形。不久, CSS脚本的流行开始增长, 因为它可以提供增强的Web用户体验。
7个使你的网站快速加载的技巧

文章图片
但是, 这有其缺点。你的网站上拥有的CSS文件越多, 被强制发出的HTTP请求就越多, 从而降低了网站的速度。以下是三种最佳做法:
  • 通过使用更少的运算符和声明, 使代码尽可能短。 CSS脚本的行越少, 意味着处理周期越短, 页面加载时间越短。
  • 确保CMS已经优化了CSS。否则, 建议使用CSS Minifier之类的外部工具来最小化资源文件。这样, 网站将加载得更快。
  • 避免在HTML中使用CSS, 例如DIV和H1标签。
有更多工具可用于优化CSS和格式化CSS。
限制你的301重定向 改变网站的结构是不可避免的。这意味着你的页面网址也会更改。但是, 由于你不想使你的Web访问者使用不同的URL混淆, 或者不想降低任何这些页面的排名, 因此你可以将点击次数从旧的URL重定向到新的URL。
301重定向可确保即使技术上不存在旧网址, 旧网址仍然可以使用。但是, 这种简单的解决方案减少了页面加载时间, 因为该过程会在浏览器中通过链接创建链接, 以链接到新URL上。
因此, 限制你的301重定向。
缩小图像尺寸 人类已经发展成为视觉生物。
人脑处理视觉图像的速度比文本快60, 000倍也就不足为奇了。当涉及到网站时, 没有人喜欢将时间花在一个枯燥乏味的信息上, 而没有任何视觉表现。
毫无疑问, 任何称职的网站都有相当多的视觉内容-从图片和幻灯片到gif和视频, 从而将其转换率提高了7倍。
7个使你的网站快速加载的技巧

文章图片
然而, 尽管有积极的一面, 但是图像却特别增加了网页的加载时间。应对这一挑战的唯一办法是重新缩放图像。但这并不意味着要裁剪它们, 因为页面仍将不得不加载整个图像并以比原始图像小的尺寸显示它。
解决方案是调整图片大小并压缩它们。据谷歌称, 有25%的网页可以节省超过250KB, 其中大约10%的网页仅压缩大文件就可以节省超过1MB。签出多种工具来压缩图像而不影响质量。
因此, 优化你的Web图像并减少页面加载时间。
使用第三方托管 如果你的网站上有包含图像和视频的大文件, 则页面加载时间将大大增加。此外, 如果你使用共享服务器托管文件(尤其是视频), 则加载时间会增加更多。
7个使你的网站快速加载的技巧

文章图片
要解决此问题, 请在外部托管平台(例如YouTube或Vimeo)上共享视频文件。然后可以使用简单的代码将视频嵌入网站上, 从而大大提高了网站加载速度。
如果使用WordPress, 则还应考虑使用高级托管, 以确保一致的可靠页面加载时间和安全性。
压缩和缓存 一项Machmetrics研究显示, 这些网站的页面加载时间平均约为8-11秒。这似乎是一个很小的数目, 但是如前所述, 网站访问者等待网页的时间不会超过三秒钟。
在此方便压缩网站的所有静态内容。通常, 压缩更多是服务器设置。但是, 如果不是这样, 请使用文件格式和其他应用程序(例如Gzip), 它们会在文本文件中标识相同代码的字符串。
大多数托管平台在其计划中都提供了多层缓存。与你的托管服务提供商联系, 以了解可用的资源以及如何在站点上启用它们。例如, SiteGround提供静态, 动态, Memcached和HHVM缓存解决方案。
7个使你的网站快速加载的技巧

文章图片
对于WP网站, Kinsta提供服务器端缓存和功能强大的内部开发插件来管理网站缓存。
这样做将大大减少网站页面的加载时间。
包起来
网站速度很重要。这是你对首次访问者的第一印象。是的, 糟糕的页面加载时间会对你的搜索排名, 用户体验和转化产生不利影响。当我们的七个黑客可以轻松解决问题时, 为什么要让这种情况发生呢?
【7个使你的网站快速加载的技巧】另外, 如果你想在台式机和移动设备上查看网站的速度性能, 则可以免费使用Geekflare Audit。

    推荐阅读