提升WordPress的网站的速度性能优化的终极指南-2024

众所周知,很多初学者站长对于Wordpress网站的优化是摸不着头脑的, 并不知道从何下手,那么本篇文章就将教您如何正确的优化您的网站达到一个可观的访问速度, 从而达到提高网站SEO评分和提高网站访客的效果。

本文将会针对在中国内地的服务器以及全球服务器两大优化方法进行阐述,略微有一些不同。 首先我们要了解网站的受众是哪些国家地区,我们针对这些群体进行相应的优化。

为什么要优化网站?

当顾客坐在餐厅吃饭时,服务员的上菜速度慢,服务不积极通常会导致有一个较差的用餐体验,未来的顾客也就更少了。同样,缓慢的网站速度可能导致搜索引擎SEO排名不佳、网站总体流量降低以及负面的用户体验。

网站速度,或网站性能,是指浏览器能够从给定站点加载网页全部功能的速度。在浏览器中呈现缓慢加载的低性能网站可能会失去用户。相反,快速加载的网站通常会收到更多流量,并具有更高的转换率。这里有一个来自Google官方的数据调查,是的,您没看错,如果加载时间超过 3 秒,53% 的访问者会放弃您的网站。

提升WordPress的网站的速度性能优化的终极指南-2024
不同速度下客户转换率对比

速度真的很重要吗?

多项研究表明,网站速度会影响转化率(即用户完成目标操作的比率)。与速度较慢的网站相比,不仅更多用户停留在快速加载的网站上,而且他们的转化率也更高。许多公司发现页面加载时间减少几毫秒都会增加转化率。

试问你自己,如果遇到一个要很久时间才能打开的网站,你是否会放弃访问这个网站寻找其他类似的网站?

速度的快慢会影响以下:

  • 转换率
  • 跳出率
  • SEO搜索引擎排名效果
  • 用户体验
提升WordPress的网站的速度性能优化的终极指南-2024
网站访问速度对网站跳出率的影响

所以我们接下来一步一步讲解,网站到底该如何进行优化?

服务器的配置如何选择?

  • 如果您是为了使用网站进行博客文章类创作, 那么我们推荐您购买配置在2-4h/2-4g 基本上足够了。
  • 如果您需要搭建一个电子商城/独立站, 那我推荐您选择 专为电子商务优化的虚拟主机, 这将不需要让您花费时间在维护服务器上。 或者选择配置为4h4g或更高配置的服务器,带宽大于等于5M。

选择一个良好的服务器, 在优化性能和速度中发挥的重要的作用,也是取决于你的网站能否承受大量的流量, 所以优先选择大厂的服务器进行建站, 通常情况下,大厂的服务器更加有品质保障。

通过这两种典型的案例,我将为您在下文阐述在动态化的网站和静态化的网站的优化中有所不同的地方。

优化总共分为哪些方面?

很多初学者根据网站上的教程一步一步的搭建好自己的网站,看了许多的插件和配置教程, 根据步骤进行优化后,并没有达到一个良好的效果,因为他们并不知道网站优化分为哪几个层面,要从哪些地方下手。

首先,Wordpress是动态的,并不是纯静态的页面,每一次访问网站,都会动态的加载网站架构。 所以,每当一个人进行访问,都需要消耗一定的服务器资源。 那么当访问的人越来越多之后网站就会造成拥堵的状况。

所以我们需要拥有缓存插件,将动态化的内容提前进行缓存。 这也是为什么安装了缓存插件之后,我们的网站能够提高访问速度。

简单的说一个网站打开的流程:wordpress使用PHP为后端服务,由PHP进行html内容渲染,然后传入用户浏览器。

所以我们需要从三个方面进行优化, 数据库优化页面缓存优化静态资源优化

提升WordPress的网站的速度性能优化的终极指南-2024
图中解释了Wordpress的工作原理

每当客户访问了我们的网站,PHP首先会配合数据库进行整理,输出一个HTML的文件, 可供网站浏览器访客进行阅览。 所以这会消耗服务器巨大的资源。 为什么中国很多人不喜欢使用这款CMS, 因为他确实非常的臃肿,如果不进行优化会非常的吃力。

额外补充

通常我们会使用宝塔或者一些服务器面板,可视化管理工具进行安装Wordpress,一般会选择基于NGINX进行配置, 如果你的服务器只运行Wordpress, 那么我们推荐您使用国际版的宝塔aapanel,并安装OpenLiteSpeed Web来代替NGINX。

提升WordPress的网站的速度性能优化的终极指南-2024

他提供了高性能,并且非常轻量化的占用, 并且专门为Wordpress进行优化。 通过服务器端与Wordpress的LiteSpeed插件深度融合, 你只需要这么一个插件就能提升你的网络性能和速度。

提升WordPress的网站的速度性能优化的终极指南-2024
提升WordPress的网站的速度性能优化的终极指南-2024
各个缓存插件对比的数据-webspeedtools

LiteSpeed Cache 为您的网站提供各种速度优化功能。从缩小化HTML、CSS 和 JS 文件,到优化图像、生成关键 CSS、优化数据库以及 LiteSpeed Cache 插件中内置的许多其他功能。简而言之,您将获得优化网站所需的一切内容。

快速优化检查清单

熟练网站操作的站长们,我们提供了一个快速优化清单,省去了下面复杂的内容讲解。

优化数据库以提高响应性能

我们需要在服务器端的PHP中安装相应的扩展,通常在服务器面板中能够找到,这里我们以aapanel为例,我们需要安装memcached或者redis(二选一)如果访问量大并且涉及到动态内容多,那么建议选择redis作为持久对象缓存后端

提升WordPress的网站的速度性能优化的终极指南-2024

当扩展安装完毕之后,我们需要来到Wordpress后台进行安装相应的插件,

安装并成功配置完插件后,数据库对象缓存部分我们就大功告成了。如果您还想提升您数据库的性能,可以安装一些数据库的清理插件(WP-Optimize Premium),在我们的高级插件中均有收录。

安装Wordpress页面缓存插件

在前面提到Wordpress的网站是动态化加载的,所以这也是为什么我们需要安装缓存插件的目的,通常能够提升数倍的访问速度。

如果您的网站为纯静态博客文章类,没有任何在线动态功能的网站,您可以选择使用CDN强制缓存所有的内容,那么缓存插件就是一个可选的需求,不一定要安装页面缓存插件,这并不会带来多大的提升。

根据缓存测评专家网站webspeedtools.com提供的数据表明,WP Rocket是除LiteSpeed外首选的页面缓存插件。接下来我们会根据缓存性能进行排名推荐可靠的缓存插件集合。

第一名-WP Rocket

提升WordPress的网站的速度性能优化的终极指南-2024

WP Rocket拥有所有缓存插件中最简单的用户界面之一。除了缓存外,它还提供了网站所需的各种优化功能,以实现适当的速度优化。此外,即使不更改任何默认设置,它也能很好地与各种网站配合使用。这三点结合起来,使WP Rocket成为大多数人的理想选择。

它是这个列表中唯一一个只有高级版本而没有免费或免费增值版本的插件。但是,对WP Rocket的将使您能够轻松启用缓存,并利用所有必要的WordPress网站速度优化。

第二名-WP Super Cache

提升WordPress的网站的速度性能优化的终极指南-2024

WP Super Cache由创建WordPress的同一家公司开发。因此,它通常与各种网站具有非常高的兼容性。WordPress没有内置的缓存系统,但WP Super Cache可以很轻松地填补这个空白。事实上,它只提供缓存,而没有许多其他缓存插件提供的其他优化功能。

它有一个简易模式,只提供两个选项,即启用或禁用缓存。因此,它不需要对缓存中涉及的复杂设置有任何先前的知识,这使得它非常适合初学者。但它也有一个高级模式,可以为您提供大量选项,以根据您的需求精确配置站点上的缓存。

如果您希望使用一个没有其他内置优化功能的缓存插件,这可能会使您的网站变得臃肿,那么WP Super Cache可能正是您的正确选择。

第三名-WP Fastest Cache Premium

提升WordPress的网站的速度性能优化的终极指南-2024

WP Fastest Cache在所有缓存插件中拥有最简单的用户界面之一。但是,这种简单并不意味着它缺乏关键的定制选项。事实上,它的简单性与足够的定制选项相结合,使得大多数仅具有有限缓存知识的初学者可以轻松配置WP Fastest Cache。

除了缓存之外,WP Fastest Cache还提供了WordPress网站所需的其他定制功能。当您将简约界面、额外优化功能、最小定制选项结合在一起时,WP Fastest Cache很容易成为许多人的值得选择的插件。

第四名-W3 Total Cache Pro

提升WordPress的网站的速度性能优化的终极指南-2024

W3 Total Cache充满了定制选项,可以让您对网站上的缓存工作进行广泛的控制。事实上,除了一般设置外,您还会发现针对不同类型缓存的单独设置页面。然而,这也意味着您需要对缓存有很深入的理解,才能充分利用这些定制功能。

W3 Total Cache还提供了一些其他优化功能,如CSS和JS文件的缩小、组合和内联。对其功能的广泛控制使W3 Total Cache成为一个很好的选择,如果您想要精确地配置所有内容。

请注意:并非将全部功能开启则为最佳优化状态,请结合网站实际情况,对于JS CSS这些优化设置是否开启需要进行实际测试,如果开启影响了网站的功能或是样式,请将其关闭,不能盲目的追求甚微的速度而影响了客户的正常访问,这样得不偿失。

优化静态资源以缩减网站大小

我们的网站除了需要动态加载的内容外,我们还有很多静态的资源需要我们进行优化,才能达到最完美的速度,比如网站里面的图片、视频、字体…….

优化图像以提高速度

提升WordPress的网站的速度性能优化的终极指南-2024

我们在网站上放置的图片通常情况都非常大,所以如果您的服务器带宽并不是很高,那么多个访客进行访问就会消耗大量的带宽,从而造成网络堵车。这通常发生在中国内地的服务器,因为中国的服务器带宽都非常的小,高带宽服务器需要非常昂贵的价格。

在全球其他地区多为G口带宽,应对大型图片视频基本上没有什么压力。但考虑到客户访问我们的网站并不是都是拥有很快的网络,可能他正在使用4G/3G的移动手机进行访问,过大的图片会让手机压力倍增,完整加载出一个页面可能需要花费很久的时间。

为了保证尽可能让所有人都能顺畅的访问我们的网站,我们需要对图片进行缩小动静态分离

缩小网站图片

一般通过两种模式进行缩小,下载Wordpress图片缩小插件,或是将图片拷贝到本地通过PS等软件批量进行压缩再回传到网站。但考虑到方便的问题,这里我们推荐通过插件的模式进行缩小。

我们网站采用了付费的Imagify插件(WP Rocket同款开发者),这个插件采用了在线的优化工作方式,所以并没有办法进行GPL,通过安装并注册可以获得免费的API 如果您的网站并没有太多的图片,那么免费方案足够使用。还有一些其他的图片优化插件WP Smush Pro

动静态分离

提升WordPress的网站的速度性能优化的终极指南-2024


WordPress动静态分离是一种优化WordPress网站性能的方法。在传统的WordPress网站中,每当用户请求页面时,WordPress会动态生成HTML页面,这意味着每次访问时都需要执行PHP代码和查询数据库。这种方法对于小型网站来说可能没有太大问题,但对于高流量的网站来说可能会导致性能下降和服务器负载增加。

动静态分离通过将动态生成的内容与静态内容分离开来,以提高网站的性能和速度。具体来说,动态内容通常包括WordPress主题的外观和布局,以及文章、页面内容等动态生成的内容。而静态内容则是指不经常变化的元素,如图片、CSS文件、JavaScript文件等。

提升WordPress的网站的速度性能优化的终极指南-2024
  1. 图床(Image Hosting)
    • 图床是指将网站中的图片等静态资源上传到第三方托管服务上,例如Imgur、Flickr、或者专门的图片托管服务。上传后,你会获得每个资源的唯一URL。
    • 在WordPress中,你可以使用图片URL替代上传图片到WordPress服务器的做法。这意味着当用户访问网站时,图片会从外部图床服务器上加载,而不是从WordPress服务器上加载,从而减少WordPress服务器的负载。
    • 图床的主要优点是它可以帮助减轻WordPress服务器的负担,并且通常提供了良好的图片加载速度。但是,需要确保所选图床服务是可靠的,可用性高且加载速度快。
  2. CDN(Content Delivery Network)
    • CDN是一种将网站的静态资源缓存到全球各地的服务器上,并通过最近的服务器提供这些资源给用户的服务。一旦用户请求静态资源,CDN会从离用户最近的服务器上提供资源,这样可以减少网络延迟和提高网站加载速度。
    • 在WordPress中使用CDN通常需要安装相应的CDN插件,例如Cloudflare、Amazon CloudFront、或者MaxCDN。这些插件可以自动将网站的静态资源上传到CDN,并重写网站页面中的资源链接,以便从CDN提供静态资源。
    • CDN的主要优点是它可以显著提高网站的加载速度,并减轻WordPress服务器的负载。此外,它还提供了一些额外的安全功能,例如DDoS防护和SSL加密。

关于CDN选择的问题,我们以中国和中国外其他地区进行相应的方案推荐,如果你是在中国的服务器,那么我们推荐选择大厂的CDN(腾讯云、阿里云…)。

如果你的服务器不在中国,我首先推荐Cloudflare,它提供免费的计划,让初学者也可以轻松配置和测试,如果你是博客网站那么我推荐使用Super Page Cache for Cloudflare一个插件,即可搞定网站的速度,它将会帮你配置将网页加载到CDN,这样内容都在CDN上加载并不会在本地服务器加载,从而达到最快的速度。

如果你是电子商务或者一些需要在线类业务的网站,推荐使用Cloudflare的付费计划,来针对性的进行配置,让全球任意地方极速访问你的站点。

如何测试我的网站速度?

为了测试您的网站在桌面和移动设备上的速度,您可以使用网页速度测试网站,请考虑您网站的访问地区,来选择合适的测试网站。

通过输入网页地址进行测试后,它会告诉您该网页从所选位置加载需要多少秒。事实上,它会为您提供所有这些位置的首次访问和重复访问的加载时间以及两次访问的平均加载时间。现在,根据结果,您将能够查看您的网站加载速度是否足够快或者是否需要任何改进。

就是这样!我们希望本文能帮助您了解如何提高 WordPress 的速度和性能。通过合适的服务器配置、数据库优化、页面缓存优化、静态资源优化以及选择适当的CDN服务,可以有效提高WordPress网站的访问速度和性能。优化网站速度不仅可以提升用户体验,还有助于提高SEO评分和吸引更多的访客。

继续尝试这些技术。不要忘记在实施这些最佳实践之前和之后测试您的网站速度。您会惊讶地发现这些更改将提高您的 WordPress 性能。

6 评论

留下评论

您的邮箱地址不会被公开。 必填项已用 * 标注