加快网站速度的 8 个技巧

加快网站速度的 8 个技巧


即使我无法确定其他任何事情,但有一件事是肯定的——您以前在生活中遇到过至少一个令人痛苦的缓慢网站。 如果您觉得这听起来很熟悉,请让我分享一些我在过去几年中获得的技巧,这些技巧可以帮助您加快网站速度。

如果您不确定您的网站速度对您来说是否重要,那么请回想一下您在等待网站加载时还关闭了浏览器窗口的那些时间。 事实是,53% 的人会放弃加载时间超过 3 秒的网站。

您网站的速度表现很重要,它在影响您的搜索引擎排名方面发挥着作用。 例如,谷歌更喜欢快速的网站,并在搜索结果中给出更高的排名。

不同行业的平均网页加载时间(来源)。

测试您的网站速度

您可以对网站进行广泛的调整以提高性能。 有些可能就像切换选项一样简单,而另一些则涉及更多。 不过,如果您要考虑所有这些,则可能需要一些时间。

最好采用缓慢、渐进的方法来提高性能,而不是一次进行所有更改。 与任何基于技术的事物一样,有可能会出现问题。

如果您随着时间的推移实施更改并记录测试,则更容易识别您所做的任何更改,这些更改可能导致您的站点不可用或崩溃。 相信我——它最终会发生。

网站速度测试工具

首先,首先测试您的网站加载速度。 一些推荐的工具是:

  • 网页测试:从运行常见操作系统的真实浏览器中收集网页性能。
  • 王国:帮助分析和发现网站性能的瓶颈。
  • GTmetrix:分析并提供有关优化网页速度的最佳方法的可行见解。
  • 比特卡查:检查来自八个国家的网站速度。
通过使用站点速度测试器,您将能够了解您的站点当前的优化程度。

以下是加快网站速度的技巧……

1.选择一个伟大的虚拟主机

根据我的经验,网络托管可能是您在托管网站时必须做出的最重要的选择之一。 有网络主机,然后有 优秀 网络主机。 每个网络主机都有不同的功能,因此请注意关键项目,例如专有缓存技术、固态驱动器或对 NGINX 等关键领域的控制。

我不能强调这一点。 您选择的网络主机至关重要。 如果您不熟悉它们,请查看我们全面的托管评论,以帮助指导您做出明智的决定。

如果您发现您的 TTFB 一直太高,我强烈建议您考虑切换到更好的网络主机。

还可以查看 Jerry 的最佳网络托管公司列表。

2. 缩小:越小越好

今天的网站充斥着 Javascript 和 CSS 文件是很常见的。 这会在访问期间生成大量 HTTP 请求,最终可能会大大降低您的网站速度。 这就是缩小的地方。

通过将所有脚本组合成一个文件(每种类型)来缩小 Javascript 和 CSS 文件。 这不是一件容易的事,但别担心,有 WordPress 插件可以为您处理这个问题。

尝试其中一种开始:自动优化、快速缩小或合并 + 缩小 + 刷新

缩小会导致你的代码看起来很混乱——不要惊慌! 这个是正常的。

3.遵循KISS原则

这不是大多数网络专家通常教授的东西,但我发现它在很多方面都非常有用。 KISS 是“保持简单,愚蠢”的首字母缩写。 它是由 1960 年代的一些聪明人创造的,他们强调简单系统的效率。

根据经验,我发现这几乎适用于生活中的所有事情——甚至在建立网站时也是如此。 通过避免过于复杂的实现和设计,您将受益于一个快速且更重要的是易于管理和维护的站点。

设计与视觉

通过保持你的设计和视觉简单,我的意思主要是减少开销的形式。 一个包含大量令人叹为观止的图像和令人惊叹的视频的网站可能会在糟糕的一天像树懒一样快速加载。 保持整洁,并尝试将视频和图像加载拆分到各个页面。

代码和插件

WordPress 是如此美妙的东西,因为它是高度模块化的,而且使用起来非常简单。 不管你想做什么,很可能有人已经为此设计了一个插件。

听起来很令人兴奋,但请注意不要让您的网站使用插件过载。 请记住,每个插件都是由不同的人(也可能是不同的公司)设计的。 他们的目的是实现特定目标,而不是简化您的网站速度。

如果可以,请避免使用您可以自己管理的东西的插件。 以一个插件为例,它可以帮助您在文本中插入表格。 您可以轻松学习一些基本的 HTML 代码来绘制表格,而不必为此使用插件,对吧?

某些单独的插件可能会显着降低您的网站速度,因此请确保每次安装新插件时都进行速度测试!

4. 利用内容交付网络

对我来说,内容交付网络是上天赐予的礼物。 Cloudflare 和 LimeLight Networks 等公司通过帮助其他人通过位于世界各地的服务器网络享受稳定和快速的内容交付来谋生。

使用 CDN 将帮助您更快地提供网页并提高加载速度,无论您的访问者来自世界的哪个地方。

除此之外,使用 CDN 还可以针对分布式拒绝服务 (DDoS) 等恶意攻击提供额外保护。

如果您是小型网站的所有者,那么 Cloudflare 提供了一个免费选项,您可以使用该选项,效果很好。 企业和大型网站必须付费才能获得更好的计划,但考虑到 CDN 的好处,这是物有所值的!

提示: 在我的另一篇文章中了解有关 Cloudflare 的更多信息。

5.利用缓存

缓存就像它听起来的那样——存储静态文件,这样当您的访问者出现时,您的网站可以共享以前构建的页面,从而减少处理时间。 在大多数情况下,您需要感兴趣的是 服务器端缓存.

实现服务器端缓存的最有效方法是通过 Apache 或 NGINX 服务器中的设置。 您需要浏览这些文档并找到有助于设置服务器缓存的正确设置。

经验法则是,如果可能,任何需要大量服务器支持工作(处理)的东西都应该被缓存。

如果它对你来说太奇怪了,插件是另一种选择,但同样,我不建议你在这种情况下使用它。

提示: 对于 WordPress 网站,请查看 Swift Performance。 没有编码知识的用户只需点击几下即可使用 Swift Performance 优化他们的 WordPress 网站。 该插件有助于调整各种 WordPress 速度问题并自动生成无限的 WEBP 格式图像。

6. 图片占用带宽,优化你的!

这是我之前在 KISS 原则下针对大量图像和视频的咆哮的一点延伸。 鉴于此,我确实明白视觉效果是使网站看起来漂亮的关键。 由于我们无法完全避免使用它们,因此请确保您使用的图像尽可能精简,

Web 内容在很大程度上是基本的,即使涉及图像也是如此。 我遇到的大多数像死猪一样加载的网站经常被没有实际用途的大量图像拖累。

我并不是说您不能拥有更大的图像,但请确保在上传它们之前对其进行适当优化。

有两种方法可以做到这一点。 同样,第一个是通过像 WP Smush 或 Swift Performance 这样的插件。 替代方案,或者对于那些不使用 WordPress 的人来说,是第三方图像优化工具,例如 Image Compressor 或 JPEG Optimizer。

大多数图像优化工具都可以让您微调图像的分辨率细节,以便您可以逐渐调低它。 对于未经训练的人来说,它们看起来几乎相同,但尺寸要小得多。

提示: WEBP 图像的加载速度比传统的 JPEG 图像快 1.5 倍,现在 94% 的网络浏览器都支持它。 您应该尽可能在您的网站上提供 WEBP 图像。

这些是在高清图像的区域中放大的(左)。 原来是2.3MB,优化后缩小到331kb!

7.使用gzip压缩

如果您听说过图像压缩或归档(ZIP 或 RAR),那么您可能会熟悉 gzip 压缩背后的理论。 这会压缩您的网站代码,从而将速度提升高达 300%(结果会有所不同)。

即使对于像这样的技术,您也可以继续使用像 PageSpeed Ninja 这样的插件。 但是,有一种更有效的方法,它只需要编辑一次 .htaccess 文件。

将下面的代码添加到您的 .htaccess 文件中,您将被设置:

<IfModule mod_deflate.c>

# Compress HTML, CSS, JavaScript, Text, XML and fonts

AddOutputFilterByType DEFLATE application/javascript

AddOutputFilterByType DEFLATE application/rss+xml

AddOutputFilterByType DEFLATE application/vnd.ms-fontobject

AddOutputFilterByType DEFLATE application/x-font

AddOutputFilterByType DEFLATE application/x-font-opentype

AddOutputFilterByType DEFLATE application/x-font-otf

AddOutputFilterByType DEFLATE application/x-font-truetype

AddOutputFilterByType DEFLATE application/x-font-ttf

AddOutputFilterByType DEFLATE application/x-javascript

AddOutputFilterByType DEFLATE application/xhtml+xml

AddOutputFilterByType DEFLATE application/xml

AddOutputFilterByType DEFLATE font/opentype

AddOutputFilterByType DEFLATE font/otf

AddOutputFilterByType DEFLATE font/ttf

AddOutputFilterByType DEFLATE image/svg+xml

AddOutputFilterByType DEFLATE image/x-icon

AddOutputFilterByType DEFLATE text/css

AddOutputFilterByType DEFLATE text/html

AddOutputFilterByType DEFLATE text/javascript

AddOutputFilterByType DEFLATE text/plain

AddOutputFilterByType DEFLATE text/xml

</IfModule>

* 注意:确保将此代码添加到您当前在 .htaccess 文件中的内容下方。

8. 减少重定向

通常,浏览器接受各种形式的地址,这些地址又被您的服务器翻译成公认的官方地址。 以 www.example.com 和 example.com 为例。 两者都可以访问同一个站点,但其中一个需要您的服务器将其重定向到官方认可的地址。

该重定向会占用一些时间和资源,因此您的目标是确保您的网站可以通过不超过一个重定向访问。 使用此重定向映射器来查看您是否做对了。

鉴于正确执行此操作的复杂性和持续所涉及的时间,这是我建议使用 Redirection 之类的插件的一次。

多快才算快?

谷歌 PageSpeed Insight
Google PageSpeed Insight 是搜索巨头如何看待您的网站性能的一个很好的基准。

除了访问者体验之外,您的网站速度和正常运行时间性能也会影响您在搜索排名中的知名度。 由于搜索之王是 Google,这就是您要瞄准的栏。 据他们说,理想情况下,网站应该在三秒内加载。

不幸的是,许多网站仍然没有达到这个基准。 事实上,我已经测量了一些加载时间长达 5 或 6 分钟的网站,令人震惊。 话虽如此,如果您的网站加载时间超过 7 秒,那么这对 Google 来说已经太长了。

更快的网站让访问者(和谷歌)开心

今天的宽带速度,即使是在移动设备上,已经增加了很多,而且还会增加更多。 这意味着网站所有者几乎没有任何借口让他们的访问者忍受加载缓慢的网站。

相信我,你会不断失去访客,并在某一时刻获得如此糟糕的名声,以至于你会被称为“哦, 网站”。 如果您从事在线业务,那就更糟了,因为您将杀死自己的金鹅。

虽然我提供的上述 8 个技巧绝不是全部和全部,但它应该给你一个开始和一些关于如何更好地管理事情的想法。 立即加速您的网站并留住您的客户或访客。

不要最终成为 网站。

相关读物

Leave a Comment