如何提高WordPress访问速度?五个插件提升网站性能

2023-05-0409:55:42网站管理维护Comments1,278 views字数 2818阅读模式

网站速度是一个影响 SEO 效果的重要因素,也是提升网站用户体验和转化率的重要因素。WordPress 提供了许多选项和插件,帮助用户提升网站性能。在本文中,牛奇网向您一些可以提升 WordPress 网站性能的插件 。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/38487.html

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

合理使用下面介绍的 WordPress 插件,可有效提升网站的加载速度。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/38487.html

1. W3 Total Cache 插件

W3 Total Cache 插件,是用于优化 WordPress 网站性能的最流行的插件之一,它提供了很多选项工用户使用。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/38487.html

W3 Total Cache 通过缓存网站、提高服务器性能和减少加载时间来提高 WordPress 网站性能。但是,如果网站已经安装了其他缓存插件,最好现将其卸载,然后再安装 W3 Total Cache。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/38487.html

如何设置 W3 Total Cache

首先,在WordPress管理仪表盘的插件页面安装W3 Total Cache插件。安装完成后,在 WordPress 仪表盘的设置中找到“性能”项,然后选择“常规设置”项。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/38487.html

如何提高WordPress访问速度?五个插件提升网站性能
W3 Total Cache – 在菜单中找到性能。

在常规设置中,选择启用复选框开启页面缓存。这样在每次加载页面时,浏览器会缓存静态页面内容。启用缓存后,可以显著提升网站的加载速度。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/38487.html

在页面缓存方法中选择磁盘:增强。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/38487.html

如何提高WordPress访问速度?五个插件提升网站性能
W3 Total Cache – 启用页面缓存。

Minify 是最基本的性能优化之一。它通过从代码中删除不必要的字符(换行符、额外的空格等)来压缩HTML、CSS 和 JavaScript 等文件。这样可以减小这些文件的大小进而降低加载时间。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/38487.html

如何提高WordPress访问速度?五个插件提升网站性能
W3 Total Cache – 启用 Minify。

接下来,可以启用对象缓存。对象缓存意味着存储数据库查询结果。因此,当下次发送相同数据库请求时,可以从缓存中读取,而无需重复查询数据库。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/38487.html

对象缓存有助于减轻数据库和服务器的负载,并且可以提升查询速度。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/38487.html

如果使用的是虚拟主机,在对象缓存方法中选择磁盘。在启用对象缓存后,可以对网站速度做个对比, 在某些情况下它可能会降低网站的速度。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/38487.html

如何提高WordPress访问速度?五个插件提升网站性能
W3 Total Cache – 启用对象缓存。

然后还可以启用浏览器缓存。这意味着图像、HTML、CSS 和 JS 等静态资源会存储在浏览器缓存中。当再次访问网站时,浏览器缓存能更快地加载网页内容。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/38487.html

W3 Total Cache 中的另一个重要设置,是在用户体验设置中启用延迟加载图像。这样用户在访问页面时仅加载首屏图像,其余的会在用户滚动相应的页面位置时才加载。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/38487.html

这样可以提升网站的加载时间,减少页面加载期间的 HTTP 请求数量,并节省数据流量。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/38487.html

如何提高WordPress访问速度?五个插件提升网站性能
W3 Total Cache – 启用延迟加载图像。

2. Speed Booster Pack 插件

Speed Booster Pack与 W3 Total Cache 插件有一些类似的地方,但也有其独特的功能。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/38487.html

在Assets设置中,可以选择添加预加载内容。这意味着对某些重要相关资源,可以提前加载。如果有需要预加载的资源,只需在下面的位置添加对应的 URL。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/38487.html

如何提高WordPress访问速度?五个插件提升网站性能
Speed Booster Pack – 添加预加载资产

在菜单Special项中,可以启用Localize Google Analytics & Google Tag Manager (GTM)。这意味着 Google 分析和 GTM 可以使用本地保存的脚本。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/38487.html

如何提高WordPress访问速度?五个插件提升网站性能
Speed Booster Pack – 启用 Google Analytics 和 Google Tag Manager。

3. Asset CleanUp插件

Asset CleanUp插件对于删除或禁用某些 CSS 和 JavaScript 文件很有用。很多 WordPress 主题都有很多 CSS 和 JavaScript 文件,例如各种元素、动画或可能不需要的其他效果。但即使不使用它们,它们仍然会自行加载。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/38487.html

当编辑页面时,可以在该页面底部找到 Asset CleanUP 部分。可以看到为该页面加载的所有 CSS 和 JS 文件。然后可以选择禁用某些特定文件,以提升页面的加载速度。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/38487.html

如何提高WordPress访问速度?五个插件提升网站性能
禁用 CSS 和 JS 文件,使其不会加载。

4. Async JavaScript 插件

如果 JavaScript 文件不是异步加载的,可能会影响网站的加载速度,因为 JavaScript 代码会在构建 DOM 时执行的。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/38487.html

Async JavaScript插件允许用户定义哪些 JavaScript 文件应异步或延迟加载。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/38487.html

异步加载意味着文件在后台异步下载并在准备好时运行。而 DOM 和其他脚本不会等待它们加载。延迟加载意味着文件也是异步下载的,但仅在 DOM 完全构建时执行。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/38487.html

如何设置 Async JavaScript 插件

首先,点击 Settings 选项,然后选择启用Async JavaScript文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/38487.html

如何提高WordPress访问速度?五个插件提升网站性能
异步 JavaScript – 启用异步 JS。

第二步是选择 Async JS Method。可以先先选择异步选项。在启用异步加载后,需要测试整个网站是否正常工作。还可以在 Chrome Web 控制台中检查错误信息。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/38487.html

如果一切正常,可以尝试启用延迟加载。然后,再次测试网站是否正常运行,如果有问题可以恢复为异步加载。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/38487.html

如何提高WordPress访问速度?五个插件提升网站性能
异步 JavaScript – 选择异步 JS 方法。

在要延迟加载的脚本部分,可以选择要延迟加载的特定脚本。应该只将与其他 JavaScript 代码没有任何依赖关系的 JavaScript 文件设置为延迟加载。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/38487.html

如何提高WordPress访问速度?五个插件提升网站性能
Async JavaScript – 要延迟的脚本。

5. 允许 Webp/AVIF 图像插件

WebPAVIF图片格式更小,可提升网页的加载速度。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/38487.html

例如,WebP 无损压缩比 PNG 小 26%。AVIF 的压缩效果甚至比 WebP 还要好。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/38487.html

并非所有 Web 浏览器都支持WebP图像,而且只有 Chrome、Firefox 和 Opera浏览器支持AVIF 格式图像。但这也不是问题,因为现在有很多方法可以同时定义不同格式的图像,并且浏览器只加载支持的格式。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/38487.html

<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。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/38487.html

在 2021 年 7 月之前,WordPress 不支持 Webp 图像。但是现在即使不用插件,也可以将它们添加到Wordpress媒体库中。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/38487.html

WordPress 目前还不支持 AVIF 格式。但可以通过Mime Types Plus插件在媒体文件中添加支持的 MIME 类型。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/38487.html

总结

在本文中,牛奇网向您介绍了一些可以提高Wordpress网站性能的插件。但是在使用这些插件时,一定要测试网站是否正常运行。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/38487.html

作者:牛奇网文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/38487.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/38487.html
  • 本站内容整理自互联网,仅提供信息存储空间服务,以方便学习之用。如对文章、图片、字体等版权有疑问,请在下方留言,管理员看到后,将第一时间进行处理。
  • 转载请务必保留本文链接:https://www.cainiaoxueyuan.com/wg/38487.html

Comment

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定