5个可提高WordPress 网站性能的插件(如何提高WordPress访问速度)

网站速度是一个影响 SEO 效果的重要因素,也是提升网站用户体验和转化率的重要因素。WordPress 提供了许多选项和插件,帮助用户提升网站性能。在本文中,牛奇网向您一些可以提升 WordPress 网站性能的插件 。

5个可提升网站性能的 WordPress 插件

合理使用下面介绍的 WordPress 插件,可有效提升网站的加载速度。

1. W3 Total Cache 插件

W3 Total Cache 插件,是用于优化 WordPress 网站性能的最流行的插件之一,它提供了很多选项工用户使用。

W3 Total Cache 通过缓存网站、提高服务器性能和减少加载时间来提高 WordPress 网站性能。但是,如果网站已经安装了其他缓存插件,最好现将其卸载,然后再安装 W3 Total Cache。

如何设置 W3 Total Cache

首先,在WordPress管理仪表盘的插件页面安装W3 Total Cache插件。安装完成后,在 WordPress 仪表盘的设置中找到“性能”项,然后选择“常规设置”项。

5个可提高WordPress 网站性能的插件(如何提高Wordpress访问速度)
W3 Total Cache – 在菜单中找到性能。

在常规设置中,选择启用复选框开启页面缓存。这样在每次加载页面时,浏览器会缓存静态页面内容。启用缓存后,可以显著提升网站的加载速度。

在页面缓存方法中选择磁盘:增强。

5个可提高WordPress 网站性能的插件(如何提高Wordpress访问速度)
W3 Total Cache – 启用页面缓存。

Minify 是最基本的性能优化之一。它通过从代码中删除不必要的字符(换行符、额外的空格等)来压缩HTML、CSS 和 JavaScript 等文件。这样可以减小这些文件的大小进而降低加载时间。

5个可提高WordPress 网站性能的插件(如何提高Wordpress访问速度)
W3 Total Cache – 启用 Minify。

接下来,可以启用对象缓存。对象缓存意味着存储数据库查询结果。因此,当下次发送相同数据库请求时,可以从缓存中读取,而无需重复查询数据库。

对象缓存有助于减轻数据库和服务器的负载,并且可以提升查询速度。

如果使用的是虚拟主机,在对象缓存方法中选择磁盘。在启用对象缓存后,可以对网站速度做个对比, 在某些情况下它可能会降低网站的速度。

5个可提高WordPress 网站性能的插件(如何提高Wordpress访问速度)
W3 Total Cache – 启用对象缓存。

然后还可以启用浏览器缓存。这意味着图像、HTML、CSS 和 JS 等静态资源会存储在浏览器缓存中。当再次访问网站时,浏览器缓存能更快地加载网页内容。

W3 Total Cache 中的另一个重要设置,是在用户体验设置中启用延迟加载图像。这样用户在访问页面时仅加载首屏图像,其余的会在用户滚动相应的页面位置时才加载。

这样可以提升网站的加载时间,减少页面加载期间的 HTTP 请求数量,并节省数据流量。

5个可提高WordPress 网站性能的插件(如何提高Wordpress访问速度)
W3 Total Cache – 启用延迟加载图像。

2. Speed Booster Pack 插件

Speed Booster Pack与 W3 Total Cache 插件有一些类似的地方,但也有其独特的功能。

在Assets设置中,可以选择添加预加载内容。这意味着对某些重要相关资源,可以提前加载。如果有需要预加载的资源,只需在下面的位置添加对应的 URL。

5个可提高WordPress 网站性能的插件(如何提高Wordpress访问速度)
Speed Booster Pack – 添加预加载资产

在菜单Special项中,可以启用Localize Google Analytics & Google Tag Manager (GTM)。这意味着 Google 分析和 GTM 可以使用本地保存的脚本。

5个可提高WordPress 网站性能的插件(如何提高Wordpress访问速度)
Speed Booster Pack – 启用 Google Analytics 和 Google Tag Manager。

3. Asset CleanUp插件

Asset CleanUp插件对于删除或禁用某些 CSS 和 JavaScript 文件很有用。很多 WordPress 主题都有很多 CSS 和 JavaScript 文件,例如各种元素、动画或可能不需要的其他效果。但即使不使用它们,它们仍然会自行加载。

当编辑页面时,可以在该页面底部找到 Asset CleanUP 部分。可以看到为该页面加载的所有 CSS 和 JS 文件。然后可以选择禁用某些特定文件,以提升页面的加载速度。

5个可提高WordPress 网站性能的插件(如何提高Wordpress访问速度)
禁用 CSS 和 JS 文件,使其不会加载。

4. Async JavaScript 插件

如果 JavaScript 文件不是异步加载的,可能会影响网站的加载速度,因为 JavaScript 代码会在构建 DOM 时执行的。

Async JavaScript插件允许用户定义哪些 JavaScript 文件应异步或延迟加载。

异步加载意味着文件在后台异步下载并在准备好时运行。而 DOM 和其他脚本不会等待它们加载。延迟加载意味着文件也是异步下载的,但仅在 DOM 完全构建时执行。

如何设置 Async JavaScript 插件

首先,点击 Settings 选项,然后选择启用Async JavaScript

5个可提高WordPress 网站性能的插件(如何提高Wordpress访问速度)
异步 JavaScript – 启用异步 JS。

第二步是选择 Async JS Method。可以先先选择异步选项。在启用异步加载后,需要测试整个网站是否正常工作。还可以在 Chrome Web 控制台中检查错误信息。

如果一切正常,可以尝试启用延迟加载。然后,再次测试网站是否正常运行,如果有问题可以恢复为异步加载。

5个可提高WordPress 网站性能的插件(如何提高Wordpress访问速度)
异步 JavaScript – 选择异步 JS 方法。

在要延迟加载的脚本部分,可以选择要延迟加载的特定脚本。应该只将与其他 JavaScript 代码没有任何依赖关系的 JavaScript 文件设置为延迟加载。

5个可提高WordPress 网站性能的插件(如何提高Wordpress访问速度)
Async JavaScript – 要延迟的脚本。

5. 允许 Webp/AVIF 图像插件

WebPAVIF图片格式更小,可提升网页的加载速度。

例如,WebP 无损压缩比 PNG 小 26%。AVIF 的压缩效果甚至比 WebP 还要好。

并非所有 Web 浏览器都支持WebP图像,而且只有 Chrome、Firefox 和 Opera浏览器支持AVIF 格式图像。但这也不是问题,因为现在有很多方法可以同时定义不同格式的图像,并且浏览器只加载支持的格式。

<picture>
   <source srcset="/images/image.avif" type="image/avif">
   <source srcset="/images/image.webp" type="image/webp">
   <img src="/images/image.jpg" width="740" height="251" alt="image title" loading="lazy">
</picture>

在上面的代码中,浏览器浏览一组图像并在第一个支持的格式处停止。Chrome 浏览器会在第一张图片上停止,因为它支持 AVIF格式。Edge 浏览器会在第二张图片上停止,因为它不支持 AVIF,但支持 WebP。

在 2021 年 7 月之前,WordPress 不支持 Webp 图像。但是现在即使不用插件,也可以将它们添加到Wordpress媒体库中。

WordPress 目前还不支持 AVIF 格式。但可以通过Mime Types Plus插件在媒体文件中添加支持的 MIME 类型。

总结

在本文中,牛奇网向您介绍了一些可以提高Wordpress网站性能的插件。但是在使用这些插件时,一定要测试网站是否正常运行。

作者:牛奇网,本站文章均为辛苦原创,在此严正声明,本站内容严禁采集转载,面斥不雅请好自为之,本文网址:https://www.niuqi360.com/wordpress/5%e4%b8%aa%e5%8f%af%e6%8f%90%e9%ab%98wordpress-%e7%bd%91%e7%ab%99%e6%80%a7%e8%83%bd%e7%9a%84%e6%8f%92%e4%bb%b6%ef%bc%88%e5%a6%82%e4%bd%95%e6%8f%90%e9%ab%98wordpress%e8%ae%bf%e9%97%ae%e9%80%9f%e5%ba%a6/

(0)
牛奇网牛奇网
上一篇 2022年5月19日 上午11:15
下一篇 2022年5月19日 下午5:29

相关推荐

发表回复

登录后才能评论