如何最大限度地提高 WordPress 网站的加载速度

您最近是否为自己或他人创建了网站? 所以你绝对应该知道理想情况下它应该在 2 秒内加载。

你有博客吗? 当然,您的读者不想等待不成比例的秒数来加载文章。 你当然也不想。

统计 在 1999 年,人们愿意等待最多 8 秒来加载页面。 今天,如果网站在 4 秒内没有加载,四分之一的访问者会离开网站。 只需 2 秒的负载即可将购物车的离开率提高多达 87%。 如果页面在 5 秒内没有加载,多达 74% 的人会离开手机。

因此,无论网站的目的是什么,页面加载速度在任何情况下都是关键。 缓慢的网站意味着更少的访问、更少的转化、更少的购买和更少的满意度。

你如何测试页面速度?

有一些很棒的工具可以测量您的加载速度。 我建议 GTmetrix网页测试. 第三,最好手动卸载装载。 只需拿起手机上的秒表并测量时间。

Page Speed Insights也是一个有用的工具 来自谷歌。 虽然它不会向您显示页面加载速度,但它会揭示本文中讨论的一些缺点。

我推荐Testmysite工具来提高手机的加载速度

页面应该为您加载多长时间?

理想的时间是 2 秒或更短。 至少 这些是互联网用户的期望谷歌的推荐. 当然,并不总是能够达到这样的时间。 3秒也不错。 无论哪种方式,您都应该尽可能接近这 2 秒,并尽快减少加载时间。 没有人会抱怨您的网站加载速度过快。

影响 WordPress 页面速度的 4 个因素

  • 互联网连接速度 – 您不会影响访问者
  • 互联网浏览器 – 您不会影响访问者
  • 虚拟主机
  • WordPress 模板和设置

让我们仔细看看它们。

互联网连接速度

当然,互联网越慢,网页加载的速度就越慢。

鉴于 Internet 不再像过去那样通过电话连接,并且 ISP 和移动运营商如今都提供高速连接,因此您不必考虑这个因素。

无论哪种方式,您都无法影响访问您网站的人的互联网连接速度。

网络浏览器

另一个因素是互联网浏览器本身。 过去,差异非常显着,但今天这些差异更小了。 最快的浏览器 分明是谷歌浏览器和火狐

不幸的是,您无法影响人们使用哪种浏览器,或者他们是否使用旧的过时且可能较慢的版本,因为旧浏览器可能无法加载网站或代码的某些部分。

虚拟主机及其对页面加载速度的影响

当您想通过浏览器查找网页时,您基本上是在向远程计算机(网页所在的服务器)发出命令,以访问和查看该页面的文件。 当然,服务器越强大,页面加载速度就越快。

服务器性能受以下因素影响:

  • 专用资源——每台服务器都有一定的性能(RAM – 内存;CPU – 处理器)。 在共享主机的情况下,服务器的性能由多个网站“共享”。 对于虚拟服务器 (VPS),您现在可以根据需要配置服务器资源。
  • 快速硬件 – 从较新的 SSD 读取数据的速度比从经典 HDD 读取的快得多。
  • 链接 – 您需要访问数据库和其他资源才能加载 WordPress 页面。 理想情况下,这些资源应该位于单个服务器上,以便它们之间更快地连接和通信。 如果它们分布在多个服务器上,如果设置不当,加载可能会变慢。

托管时要注意什么

当然,几乎每个托管服务提供商都会告诉您,它的解决方案非常快,因为它有 SSD,或者它的共享托管经过优化(不管这意味着什么)。

但是为共享主机设计的服务器,在最佳运行条件下,可以处理数百个常见网站。 如果已经有 1000 个或更多,服务器可能会使用“相邻”站点,从而减慢您的速度。

另一个例子:对于一个不仅为 WordPress 网站快速托管而自豪的强大玩家,我有两个 WordPress 网站。 根据 Pagespeed Insights,一个服务器的响应速度为 0.53 秒,这可能会更快,但你可以说没关系。 但是另一个站点的服务器响应为 2 秒。 只是为了解释一下,服务器响应并不意味着加载整个页面,只是服务器开始发送页面文件以来的时间。 直到我对设置进行了一些更改,我才能够将总加载时间减少到 1.6 秒。

这是什么意思? 他们的托管质量差吗? 当然不。 我很高兴,但它教会我不要相信快速托管声明。 简单地说,在您对其进行测试之前,您不会对我们稍后将讨论的 WordPress 设置进行任何调整,网络不会运行得更快。 托管公司不会为您进行这些更改,即使这些修改并不总是 100% 保证在给定主机上的快速网站。

具有相同设置的相同站点可以在某个地方运行得更快,在某个地方运行得更慢。 因此,在您实时运行该网站之前,您并不确定。

编者提示:我们建议使用WYWebSupport托管。

如何加快 WordPress 加载速度

定期更新

我指的不仅是 WordPress 本身的更新,还包括托管的技术背景。 大多数应该由您的托管服务提供商完成,但您通常可以在托管服务的管理界面中自己设置一些东西。 其中之一应该是对 PHP 7 的更新,如果您还没有的话。

如果您不知道,PHP 是一种用于创建动态和交互式网站的脚本语言。 是的,WordPress 也是建立在它之上的。

为什么你至少应该将你的 PHP 升级到版本 7? 因为您可能会注意到您的网站显着加速。 您会发现与旧版本的几个速度比较 这里这里这里

但是,请确保您的模板与新版本的 PHP 完全兼容,否则您可能无法在站点或整个站点上显示某些元素。

选择针对速度优化的 WordPress 模板

选择 WordPress 模板是创建 WordPress 网站的 3 个步骤之一

但一般来说,页面上的代码越多,页面加载的时间就越长。 对于错误编码的模板也是如此。

您还可以在WordPress 官方网站上选择模板. 因为它们是免费的,所以它们不需要定期更新或正确编码。 如果您刚刚开始使用网站或博客,则此解决方案是最佳选择。 但是,更确定的是,最好投资付费模板。

就个人而言,我有使用Divi的经验(我设法将加载速度从原来的 4 秒降低到提到的 1.6 秒)和OptimizePress ,它们编程良好,定期更新并且速度非常快。

您当然可以通过这种方式找到其他人,但请确保程序员也考虑过速度——不仅在台式机上,而且在移动设备上。

删除不必要的跟踪代码

正如您在上面的段落中所读到的,页面上的代码越多,加载速度就越慢。 Facebook Pixel 等各种营销跟踪代码、Hotjar、Smartlook 等网络行为跟踪工具也会导致这方面的问题。

如果您不使用它们,请将它们完全删除或尝试通过谷歌标签管理器将它们实施到网站中,通过它您可以管理各种代码,而无需将它们嵌入到网络中。 这将替换一个的多个代码。

明智地使用 WordPress 插件

WordPress插件是一个有用的东西。 如果您想要网站上缺少的某些功能,很容易 您会找到必要的插件,无论是免费的还是付费的。

但是您网站上的内容越多,加载速度就越慢。 此外,如果编程不当,网页速度可能会更慢。 所以基本规则是 插件越少越好

清理你的数据库

您网站的数据库可能会逐渐充满不必要的数据。 因此,不时清理数据库很有用,例如,从不需要的页面修订中清理。 例如,一个插件将帮助您清理 WP-OptimizeWP-Sweep. 您也可以手动设置最大修订数 通过 wp-config.php

删除需要很长时间加载的元素

网站上的流行元素包括滑块. 他们很好,但是 对于大多数网站来说完全没用,它们会使转换变得更糟,人们不喜欢它们,如果喜欢它们,在大多数情况下只会出现在第一张幻灯片上。

最糟糕的是——它们会减慢您的页面速度。 许多 silders 最多可在 2 秒内加载。

页面上的滑块加载速度

资料来源:https://soliloquywp.com/wordpress-slider-slow-to-load-heres-why-and-how-to-fix-it/

当您考虑到这一点时,理想情况下,您的整个页面应该在 2 秒内加载,而您在此期间只加载一个滑块,这是一个非常糟糕的性能。 因此,最好的办法是用更快的元素替换滑块,以实现相同的目的。 或者,如果您坚持这样做,请找到加载速度更快的。

减少对服务器的请求数

通过在浏览器中搜索页面的域或单击页面的链接,向页面所在的服务器发送请求。 但这个要求并不是真正的一个。 有几个 – 从文件到各种脚本。

正如您已经猜到的,请求越多,加载越慢。 那么你能做些什么来减少他们的数量呢?

  • 点击文章时只显示前几句
  • 将文章分成几页(操作说明
  • 减少页面显示的文章数量,比如5
  • 禁用不需要的插件
  • 减少页面上的图像/视频数量
  • 使用所谓的 延迟加载,这意味着只有当用户在页面上滚动到该元素时才加载图像或视频等元素,使用 这个这个插件。

优化(压缩)图像

图像比常规文本代码占用更多空间。 因此,重要的是让图像在保持质量的同时占用尽可能少的数据。

您可以在通过Tinypng.com上传到 WordPress 之前减小它们的大小. 一个更快的解决方案是插件 WP SmushEWWW Image Optimization ,可以在上传到 WordPress 时自动缩小图像。

嵌入视频

WordPress 可以轻松播放您上传到它的视频,但最好将视频上传到 YouTube,例如,并通过嵌入功能将其嵌入您的网站。 为什么? 因为视频文件往往更大,从服务器加载它们也会减慢页面加载速度。

利用缓存

缓存是一种快速缓存,用于临时存储文件或数据,以便将来更快地实现对该数据的请求。

为了简化复杂性,您只需要使用缓存插件,如WP Rocket WP Super CacheW3 Total Cache (我推荐)。

通过 W3 Total Cache 和 3 张图像压缩,我设法将我的一个网站上的加载速度从原来的 4 秒降低到 1.6 秒。

编辑后的页面加载速度

禁用盗链

在您的网站上显示富媒体内容(例如图像或视频)有两种基本方式。 您可以将它们直接上传到您的 WordPress 或通过 url 链接到它们以从另一台服务器发送下载请求。

因此,如果您将图像直接上传到您的 WordPress 主机,您的 html 代码将如下所示:

<img src = “nazovobrazka.jpg”>

如果您正在查看来自另一个站点的图像,则 html 代码将如下所示:

<img src = “https://domena.koncovka/nazovcudziehoobrazka.jpg”>

如果您以这种方式查看来自其他站点的媒体文件,除非它们受版权保护,否则这不是问题。 但是,如果其他站点以这种方式显示您的文件,则可能会出现问题,因为其他站点会将您的请求发送到您的服务器。 换句话说,他们会给他带来负担,因此会让他慢下来。

对于使用大量图像或视频的大型门户/网站,请记住这一点很重要。您可以通过将以下代码添加到您的 .htaccess 文件来禁用热链接:

重写引擎开启

重写条件%{HTTP_REFERER} ! ^ $

重写条件%{HTTP_REFERER} ! ^ http (s): // (www \.) vasadomena.koncovka /.*$ [NC]

RewriteRule \. (Gif | jpg | jpeg | bmp | zip | rar | mp3 | flv | swf | xml | php | png | css | pdf) $ – [F]

只需在倒数第二行输入您的域,在最后一行您还可以选择要禁用热链接的文件类型。

代码压缩、Gzip 压缩

如果您查看 WordPress 网站的源代码(在 Chrome 中按 ctrl + uv),您会看到一大堆 html、css 或 javascript 代码。

Minify / Gzip 压缩意味着您看到的内容可能更小,因此占用的空间更少。 换句话说,它反映了您的页面加载速度更快。

它的工作原理很简单。 想象一下页面上的代码是AA BBB CCC DDDDD。 简单来说,也可以是2A 3B 3C 5D。 原来的十四个字符因此可以缩小到八个。

这样,您可以按照类似的原则将您网站的代码减少几十个百分点。

怎么做? 这可以使用上面提到的插件WP Rocket 、 WP Super Cache 、 W3 Total Cache ,然后插件 自动优化或充其量,代码缩小和 Gzip 压缩是 WordPress 模板的一部分。

选择程序员时,确保他了解最佳实践

如果您想根据您的特定要求编写 WordPress 模板,请确保程序员不熟悉上述建议并且精通它们。 拥有一个带有错误代码的漂亮网站对您来说不会是胜利。

它还应该能够最小化所有 PHP 请求和数据库访问。

实际上,不必要的 PHP 要求如下所示:

<标题><? php bloginfo(‘name’); ?> <? php bloginfo(‘描述’);></ 标题>

<链接 rel = “快捷图标” type = “image / x-ico” href = “&lt?php bloginfo(‘template_url’); ?>/favicon.jpg “/>

<链接rel =“样式表”类型=“文本/css”媒体=“屏幕”href=“<php bloginfo (‘stylesheet_url’); ?>“/>

<链接rel =“样式表”类型=“文本/css”媒体=“打印”href=“<php bloginfo(‘template_url’); ?>/print.css “/>

<链接rel =“替代”类型=“应用程序/ rss + xml”标题=“RSS .92”href =“<php bloginfo (‘rss_url’); ?>“/>

相反,它们应该被转换为普通的文本 html 条目,看起来像这样:

<标题>您的 WordPress 网站的名称</ 标题>

<链接rel =“快捷图标”类型=“图像/x-ico”href =“http://nazovvasejdomeny.sk/wp-content/themes/sablona/favicon.jpg”/>

<链接rel =“样式表”类型=“文本/css”媒体=“屏幕”href=“http://nazovvasejdomeny.sk/wp-content/themes/sablona/style.css”/>

<链接rel =“样式表”类型=“文本/css”媒体=“打印”href=“http://nazovvasejdomeny.sk/wp-content/themes/sablona/print.css”/>

<链接 rel =“替代”类型 =“应用程序/rss + xml”标题 =“RSS .92”href =“nazovvasejdomeny.sk/feed/rss/”/>

最后一句话

如果你已经读到这里,恭喜你,因为有这么多。 但是现在,与大多数拥有 WordPress 网站的人相比,您已经做好了加快页面加载速度的准备。

当然,您不必使用这里提到的所有程序。 从你能做的开始。 确保不要忽视图像优化,因为您通常可以在那里节省大量空间。

或者,如果您知道加快页面加载的其他方法,请在评论中分享。

Was this article helpful for you? Support me by sharing, please. 👍
WordPress Návod v PDF

LEAVE A REPLY

Please enter your comment!
Please enter your name here