Bg

如何提升 WordPress 网站加载速度

在所有可用的内容管理系统(CMS)平台中,WordPress是目前使用最为广泛的一个。这也是针对它有众多优质优化插件和“小技巧”的原因之一。但WordPress存在一个问题:如果保持初始安装状态而不进行任何调整,尤其是后续安装了大量插件后,网站运行速度会变得非常慢。基于这些情况,有必要梳理出优化该CMS速度的最佳方法。

测试网站性能

在对网站进行优化前,先通过网站速度测试工具对其进行检测是个不错的做法。借助这类测试,你能快速找出网站的性能瓶颈,还能在优化完成后对比优化前后的结果。

禁用未使用的插件

这一步操作简单且效果显著,只需禁用所有网站中未实际使用的插件即可。有时这能极大提升网站速度,因为插件通常会附带大量JavaScript和CSS文件,每当用户加载页面时,这些文件都会被加载。

减少插件使用数量并禁用慢速插件

部分插件会拖慢WordPress公共网页的加载速度。卸载不需要的插件能缓解这一问题,且在使用任何插件前都应先进行测试。如果某款插件导致网站变慢,就尝试寻找其他方法来解决该插件原本要处理的问题。你可以使用Query Monitor工具检测哪些插件在拖慢网站速度。

延迟或异步加载脚本

对JavaScript和CSS脚本采用延迟或异步加载的方式,能降低网站的加载耗时,因为脚本加载不会再干扰页面及首屏视图的加载。简单来说,即便这些脚本加载缓慢,网页也能完成加载并让访客看到内容,无需等待脚本加载完毕。

停止加载未使用的JavaScript文件

标准的WordPress模板会在公共网页的HTML头部加载jQuery库,但很多时候这些网页其实根本用不到jQuery。此外,部分编写不佳的模板或插件会附带一些无用的JavaScript文件,这些文件并非主题或插件正常运行所必需。这些通常从页眉和页脚加载的JS文件会拖慢网站,因为脚本加载需要时间,且文件加载还会产生额外的HTTP请求。你可以使用一款优质插件来阻止这些文件的加载,无论是全站范围还是特定页面都能设置。

使用缓存插件

每当访客加载网站页面时,WordPress都会去调取该页面的最新版本,这意味着它需要持续加载数据库来获取最新信息。但在大多数情况下,加载数据库完全没有必要,因为多数页面创建后就不会频繁更改。缓存插件能解决这一问题,它会生成网页的静态副本,访客访问时无需每次都加载数据库,直接提供静态副本即可,这一过程也被称为缓存。这能显著加快网页的加载速度。

其中,WP Fastest Cache是一款非常优秀的缓存插件,W3 Total Cache也表现不俗,你还可以尝试其他各类缓存插件。

启用浏览器缓存

浏览器缓存能将网站的网络文件保存到访客的硬盘中。当访客再次访问网站的其他页面时,这些网络文件会从其本地电脑加载,这不仅加快了下载进程,还能大幅提升页面加载速度。

想要了解更多关于缓存以及如何加快网站速度的内容,可点击此处查看。

启用Gzip压缩

启用Gzip压缩后,网站的网络文件会先被压缩成Gzip压缩文件,再发送到访客的浏览器中。Gzip最多可将网络文件压缩至原大小的20%(即压缩率达80%)。这份压缩后的文件会发送到访客浏览器(所有浏览器均支持Gzip),并由浏览器自动解压还原为原始完整文件。由于Gzip文件体积远小于原文件,访客需要下载的字节数更少,从而实现网站提速。你可以点击此处了解如何启用Gzip压缩,也可通过Gzip压缩测试工具检查是否启用成功。

优化图片

通过减小图片文件的体积,能加快网页的加载速度。有多种工具可实现这一目的:优化PNG或JPG图片可使用PNG压缩器或JPEG压缩器,有时能将图片体积减小50%甚至更多。WordPress中最受欢迎的图片优化插件之一是ShortPixel,只需点击鼠标,它就能运用知名的图片压缩技术(optipng、jpegtran、pngquant、pngout和gifsicle)完成图片优化。

图片懒加载

为图片开启懒加载功能,能优化首屏内容的渲染效果,为访客带来更流畅的浏览体验。

内联CSS与JavaScript脚本

将CSS和JavaScript脚本进行内联处理,可加快网页的渲染速度。

无法内联?合并所有CSS或JavaScript文件

若你想了解如何处理JavaScript文件以提升页面速度,可点击此处查看。关于CSS文件:大多数WordPress主题会加载多个CSS文件,有时甚至多达10个及以上,这会产生不必要的HTTP请求,影响网站性能。你可以将所有CSS文件的代码复制整合到一个CSS文件中,然后打开WordPress编辑器,进入header.php代码编辑界面,将所有引用CSS文件的代码替换为指向这个整合后的大CSS文件的代码,这一过程可能需要修改wp_head函数。若你能编辑页眉,还可将大CSS文件中的代码复制出来,放在页眉的style标签内,格式如下:

<style>
CSS代码
</style>

你也可以使用CSS压缩器大幅减小脚本体积,使用前请务必备份脚本,因为该工具会改变脚本结构以实现最小化压缩。

压缩HTML、CSS和JavaScript

使用能自动压缩HTML、CSS和JavaScript的插件,Asset Cleanup就是一款不错的选择。它在大多数网站上都能良好运行,且bug极少,你可以在自己的网站上测试其效果。

使用WP Optimize插件

WP Optimize是一款小巧实用的插件,能帮助你清理和精简WordPress数据库。只需点击鼠标,就能完成MySQL数据库的优化与清理、清空回收站、删除文章修订版本、移除垃圾评论、删除引用和追踪等操作。对于部分网站,它能将数据库体积减小80%甚至更多。由于WordPress数据库会随着时间推移产生冗余、运行效率降低,这款插件的优化能有效提升网站性能。使用时需谨慎,不要清理或删除你不确定用途的内容。