如何加速您的 WordPress 网站? 2021 年完整指南

已发表: 2021-09-27

您的 WordPress 网站速度慢吗? 如果是,我们需要为此努力。

哦,如果您的网站加载速度非常快,是否可以使其更快 - 每毫秒都会产生影响。 我们可以衡量您网站的性能,看看是否还有其他方法可以让它更快一点。 但我们稍后会谈到这一点。

在我告诉您如何使您的网站速度更快之前,我将尝试确定拥有快速加载网站的重要性。

网站速度重要吗?

您的网站加载速度对于确保良好的搜索引擎排名和良好的用户体验非常重要。 众所周知,Google 的搜索算法在计算 pagerank 时将您的页面加载时间作为众多参数之一。 让我们来看看 Google 对网站速度的看法以及它可能如何影响您的网站和受众规模。

谷歌的速度

在谷歌,他们创建了一个实验来复制伴随着页面加载速度不佳的网站或网页的缓慢。

谷歌的团队通过创建一个系统来实现这一点,该系统通过注入服务器端延迟故意降低速度,这意味着在结果返回浏览器之前和期间延长处理时间。

从用户的角度来看,结果是返回缓慢还是浏览器处理这些结果的能力很慢并不重要。 实际上,您不会知道是浏览器变慢了,而不是网页变慢了,但它会产生与您在加载缓慢的网页上所产生的效果相同的效果。

通过将加载速度从 100 毫秒降低到 600 毫秒,搜索次数减少了 0.2% 到 0.6%,结果平均超过四到六周。 您可能会质疑这些结果的重要性。

还发现那些暴露于 200 毫秒延迟的人在前三周内执行的搜索量减少了 0.22%,在第二个三周内执行的搜索量减少了 0.36%。 并且在延迟 400 毫秒后,同样的结果在第一和第二个三周期间分别下降了 0.44% 和 0.76%。 考虑到 Google 网络搜索的规模,您可以想象这种对执行搜索数量的影响是巨大的。

除了谷歌之外,包括 AOL、微软、Bing 和 Shopzilla 在内的几家大公司已经认识到拥有快速加载网站的重要性。 你可以在这里读更多关于它的内容。

网站加载速度很重要——用户体验

现在忘记数字,使用慢速网站会有多少乐趣? 您有多少次访问了一个缓慢的网站,却再也不想访问了? 你有多少次在进入睡眠状态时诅咒你的互联网连接? 缓慢的网站并不好玩。

在我们开始“使您的网站”更快之前,开始时有多快? 让我们看看一些工具来帮助我们!

您的网站表现如何?

我们需要衡量当前网站的性能,只有这样才能衡量性能的任何改进。 您可以使用以下之一,

  • GTmetrix
  • 网页测试
  • PageSpeed 工具

要定期跟踪您的网站,您可以通过您的 Google Analytics 帐户访问实验室下的网站性能。 如果您尚未将您的网站添加到 GA,您应该这样做。 除了这些方法之外,大多数托管服务还提供对基本页面加载速度信息的访问。

现在,让我们看看您可以做的十几种事情来使您的网站更快。

1. 托管服务选择

虽然您可以采取多种措施来提高站点的性能,但这些方法也有其局限性。 调整软件只会帮助优化网站性能。 但是当它真正归结起来时,没有什么比最好的硬件更好了。 共享主机是低流量站点的一种选择,但随着站点流量的增长,您需要扩展硬件。 虚拟专用服务器、专用主机和托管主机是高/中流量站点使用的选项。 专用主机是为每天访问数以百万计的最大站点保留的。 VPS 是为技术娴熟的人设计的,托管 WordPress 托管是为非技术精通经营在线业务的人设计的。

假设您的预算紧张,我建议您使用 SiteGround 的共享托管计划。 他们拥有接近 100% 的正常运行时间、免费域名注册、免费每日备份、30 天退款保证并提供可扩展性。

但是,如果您想要金钱可以买到的最好的托管服务,我会推荐 WPEngine – 托管 WordPress 托管解决方案。 良好的支持和一流的托管解决方案,可创建快速的网站。

引擎

如果您使用的是 WPEngine,则可以跳过本性能指南的下一部分(缓存)。 WPEngine 使用 EverCache 来缓存您的站点。 使用托管的 WordPress 主机,您可以忘记关心您的网站性能,而只关注内容制作(在很大程度上是这样)。

2. 使用最好的缓存插件

(假设您使用托管 WordPress 托管以外的任何内容,其中缓存由您的托管公司在内部提供)

无线火箭

WP Rocket 是一款优质的畅销缓存插件,可有效优化您的网站以提高速度。 有很多 WP 缓存插件,在我看来,对于 WP 新手来说有点太复杂了。 选项的复杂性对专家级和中级 WP 用户有利。 WP Rocket 并不难理解和使用。

WP Rocket 执行页面缓存以降低加载速度,缓存预加载以帮助搜索引擎对站点进行索引,仅根据请求加载图像(向下滚动时,而不是首次加载页面时),文件压缩以将 HTML、JS 和 CSS 转换为静态文件,插件对开发人员非常友好。

当我写一篇关于 6 大缓存插件的文章时,我得出的一个结论是很难比较缓存插件。 每个插件都有点不同的原因,并且优化配置每个插件并不容易,如果您没有在所有插件上设置相同的配置,则无法比较插件。 相反,我基本上要求我们的读者使用他们认为最容易使用的插件。 如果您想要更多选项,包括免费增值和免费缓存插件,请阅读有关 Top 6 Caching Plugins 的文章。

更多信息/下载

如果您不使用 WPRocket,需要考虑几件事情。 这是由缓存插件执行的功能的细分。 确保您的备用缓存解决方案提供所有这些功能。 如果不使用免费缓存插件和一两个其他插件来复制 WPRocket 的大部分功能。

免费的缓存插件通常完成以下任务。

缩小 HTML、CSS 和 Javascript

代码中的所有空格、注释、换行符和任何多余的东西都可以在没有目的的情况下使眼睛更容易看到,这对于服务器和试图联系请求您站点的服务器的 IP 来说是完全无用的。

使用免费的缓存插件删除所有这些东西,您的网站在性能方面会更好。

尽量减少 HTTP 请求的数量

您可以减少对站点服务器的请求数量。 每次有人访问您的网站时,他们都会请求您网站的文件。 这包括 HTML 文件、CSS 和 JS 文件。 如果您有每种文件类型的多个文件,那么对于每个单独的文件,都会向您的服务器发送请求。

需要多个服务器请求的大量文件根本没有效率。 您可以通过将 JS 脚本、HTML 和 CSS 文件组合在一起来减少这种情况。 一个免费的缓存插件就足够了。

用静态 HTML 替换 PHP

也称为超级缓存,完全绕过 PHP 中的文件并以 HTML 格式提供文件。 超级缓存是通过 mod_rewrite 执行的,它无疑是您站点可用的最快的缓存方法之一。 由 PHP 提供的超级缓存静态文件与以完整 HTML 提供的静态文件之间的区别是难以察觉的,但它确实使您的站点更快。 与以前一样,免费缓存插件应该足以完成由 HTML 提供的超级缓存。

GZIP 压缩

压缩您的代码,实质上是使包含代码的文本文件更小。 您网站的文件被简单地压缩,这有助于减少带宽使用并明显降低加载时​​间,一旦在浏览器端收到压缩文件,就可以轻松阅读。 这个功能可以通过像 W3TC 这样的免费缓存插件来实现。

浏览器缓存

对于 JS、CSS 和图像等静态内容,这些可以下载并存储在访问者的浏览器中。 当访问者第一次访问该站点时,它会被下载,并在此后至少一段时间内每次需要时从浏览器缓存中获取。 否则,它必须重新下载。

缓存涉及配置您的插件,这对于还不熟悉 WordPress 的读者来说可能有点令人生畏。 请参阅我们的 6 大缓存插件以找到适合您的免费缓存插件。

免费的缓存插件可能无助于延迟加载。 你要么需要一个高级缓存插件,要么需要其他插件来弥补免费缓存插件的缺点。 因此,如果您打算使用免费缓存插件,请考虑同时使用以下延迟加载插件之一。

对文本、视频和图像使用延迟加载

图像的延迟加载可确保您在访问者向下滚动时即将进入屏幕时加载图像。 通过这样做,网站的加载时间会减少很多,因为图像相对来说数据量很大。

通常缓存延迟加载是高级缓存插件附带的功能,而不是免费插件。 因此,如果您不使用具有延迟图像加载的高级缓存解决方案,则可以使用 a3 Lazy Load。

3. 选择正确的框架

框架构成了您在其上构建网站外观并最终显示您的内容的骨架。 一个好的框架对于确保良好的网站性能很重要。 有助于设计和修改站点外观的主题也会影响站点加载时间。 带有庞大框架的华丽多媒体主题并不适合快速网站。

在网站速度方面的性能方面,Headway Themes、StudioPress (Genesis) 和 iThemes 等主题公司基于强大而精益的框架生成主题。 在这个框架上,他们创建了针对特定网站类型和细分市场的颜色填充主题。 在很大程度上,上述主题房屋的成功可以归因于他们构建主题的 WP 框架。 我会推荐任何上述主题房屋的框架。

有关您可能需要的更广泛的框架列表,请查看我们对 WordPress 的 16 个最佳框架的汇总。 我们还将在未来对框架和托管选项进行基准测试,以提供关于速度的更好画面。

4. 使用 CDN

CDN 或内容交付网络有助于从比您网站的服务器更靠近访问者的服务器位置更快地将您网站的静态文件交付给访问者。 这使得通常快速的网站看起来更快。 CDN 可确保您的访问者访问缓存而不是访问您的服务器。 与从服务器请求站点数据相比,访问缓存要快得多。

几乎所有高流量网站现在都使用 CDN 来处理它们的静态内容。 如下图所示,像 MaxCDN 这样的 CDN 具有战略性地分布在全球各地的固态驱动器,可为具有广泛人口覆盖范围的网站提供理想的全球内容交付服务。

查看 MaxCDN 的全球 CDN 服务

与普通的主机提供商服务器不同,CDN 的服务器是为在尽可能短的时间内提供静态内容而量身定制的。 他们还与流行的电信公司有联系,以确保您网站的加载时间不受电信提供商的任何中断或延迟的影响。

如果您使用 CDN,您的站点服务器的带宽使用量将大幅下降,这将进一步帮助缩短站点加载时间。

5. 优化您网站的数据库

使用 WordPress 数据库优化插件并按顺序获取您网站的数据库。 WP-Sweep 是一个强大的插件,可以执行 WP-Spring Cleaning 过程中涉及的多项功能。

扫一扫

WP Sweep 从您的 WordPress 数据库中删除冗余的帖子修订、评论(垃圾邮件和未经批准的)、任何形式的孤立和重复的元数据(用户、评论和帖子)以及未使用的术语。 还有其他数据库优化插件,如 WP-DB Manager 和 WP Optimize,但 WP Sweep 比它们具有显着优势。 WP Sweep 对数据执行 WordPress 删除命令,因此不会像其他两个运行 MYSQL 查询的插件那样留下孤立的数据。

您的数据库优化插件将摆脱:

  • 垃圾邮件、未批准和已删除的评论——如果您允许它发生,评论会像山一样堆积在您的 wp 数据库中。 不时优化您的 WP 数据库将防止这种情况发生。
  • WordPress 数据库上的重复和孤立数据 – 重复内容对您的服务器来说是一种负担,它们不需要承担。 孤立数据通过占用一行接一行地影响您站点的数据库,并且它对您的站点没有任何贡献,因此术语“孤立”。 重复的内容和孤立的数据没有任何意义,请将它们从您的网站中删除。
  • 不必要的后期修订 - 多个后期修订是不必要的,它们可以增加很多,删除它们。

如果您决定彻底清理您的 WordPress,您应该删除未使用的术语、图像、主题、插件,修复损坏的链接并保持您网站的数据库处于最佳状态。 由于 WP 是一个数据库驱动系统,因此您的数据库健康状况确实会影响您站点的性能。 虽然现在数据库优化应该足够了,但您可能还需要做一两件事。

我可以进一步讨论如何以及应该做什么来保持 WordPress 数据库的清洁,但这本身就是一项相当大的工作,我不能在这里添加更多内容,但如果您想进一步阅读。 这应该可以帮助您解决问题 – “WordPress Spring Cleaning Toolkit – 如何优化您的 WordPress 安装以获得更好性能的完整指南”。

6. 压缩图像

EWWW 图像选项

与文本相比,图像是庞大的。 它们在您的 wp-content 文件夹上占据的空间比您允许的要多得多。 压缩您的图像将有助于降低您的网站加载时间。 您可以减小图像的大小,而不会损失很多感知的图像质量。

通过 EWWW Image Optimizer 提供的无损压缩,您可以减小图像尺寸而不会降低质量。 或者,您也可以使用 Compress JPEG & PNG Images 插件。 他们承诺将 JPEG 图像的大小压缩约 40% – 60% 和 PNG 图像的 50% – 80%,而没有明显的质量损失。

7. 诊断你的插件

归根结底,所有插件都是有助于执行功能的代码片段。 有时它们会变得麻烦且适得其反。

您将如何识别您网站的锚点? 阻止他们加载?

P3-插件性能分析器

P3

此插件将检测您的哪些插件严重影响您的网站加载时间。 通过插件生成的报告,您将能够确定哪些插件正在拖慢您网站的速度。 如果任何插件对站点性能影响太大,那么请寻找替代插件。

在此处获取 P3 Profiler!

插件管理器

现在您知道哪些插件会影响您的网站性能,您可以选择在所有网站页面/帖子上禁用它们,这些插件的使用是可选的。 您可以逐个发布地执行此操作。 因此,如果有插件拖慢了您的网站,而您离不开它,那么请仅在您网站上绝对必要的页面/帖子上使用它。

在此处获取插件管理器!

8. 禁用盗链

盗链是人们将您网站服务器上托管的内容用于他们自己网站的一种方式。 所以基本上他们在他们的网站上使用你的服务器和你的内容。 结果,您的服务器过载,这对您没有任何好处。

你如何阻止别人窃取你的服务器资源?

防止人们盗用您网站内容中的内容。 您需要对网站的代码进行一些修改,这是必须的。 您可以使用 htaccesstools.com 中的此工具生成必要的代码,并将其添加到您的服务器中。 通常情况下,您的房东也愿意为您提供帮助。

并且一旦您防止盗链,您就可以确定您的服务器资源不会用于托管您自己网站以外的网站内容。 盗链策略通常针对图像和其他数据量很大的多媒体,因此如果您运行的网站图像最少,禁用盗链不会对您网站的性能产生任何影响。

9. 使用轻量级的最小社交分享插件!

社交媒体共享对任何网站都很重要,它是任何网站营销策略的重要组成部分。 但是,有时人们会超越自己并提供过多的共享选项,这不仅会惹恼访问者,还会拖慢网站速度。

10. 禁用 Pingbacks 和 Trackbacks

引用和 pingbacks 让您知道其他人已将您的帖子链接放在另一个博客或网站上。 引用是手动的,而 pingback 是自动的,它们都以您的评论审核结束。 99% 的引用和 pingback 都是垃圾邮件。 如果您开始获得太多,它可能会影响您的网站速度。

转到设置 > 讨论,在默认文章设置下禁用 pingbacks 和引用。

或者我们可以使用可以处理垃圾邮件的插件。 这将结束任何形式的垃圾邮件。

11. 将 CSS 放在顶部,将 Javascript 放在底部

CSS 引用应该放在最上面。 浏览器不会在加载 CSS 之前加载内容,否则,您最终会得到非风格化的内容。 所以首先是CSS,以避免这个小问题。 如果您不这样做,那么您的网站将无法逐步加载。 这意味着您网站的一部分将在没有任何样式的情况下显示。 如果您的 CSS 接近尾声,那么浏览器必须重新绘制您的所有站点元素。 与将 CSS 作为标题的一部分相比,这最终将花费更长的时间。

我们将 JS 放在最后,因为它阻止了浏览器中的并行加载。 这意味着它是唯一加载的东西。 此外,如果内容上方有脚本文件,它会阻止渐进式加载。 为了确保所有内容都可以逐步加载,我们需要将脚本放在最后。

免费缓存插件并没有真正做到这一点。 或者您可以将 Autoptimize 与免费缓存插件结合使用。 但有时事情往往会崩溃,我不会为那些无法解决潜在混乱的人推荐这条路线。 如果您觉得自己无法处理它,请使用 WPRocket。

12. 将你的图像合二为一——CSS Sprites

浏览器必须多次往返您的服务器才能获取多个图像。 我们可以将这些图像组合成一个包含所有图像的大文件,这将有效减少 HTTP 请求的数量并创建一个更高效的过程。 如果您不熟悉 CSS,您可以使用在线提供的拖放方法来帮助完成相同的任务。 Sprite Pad 将被证明是帮助创建 CSS Sprite 的有用工具。

虽然 CSS Sprite 很有帮助,但它们并不是必不可少的,但如果您想了解更多关于它们的信息,请前往 CSS Tricks。

最后的想法

没有什么比拥有内部缓存解决方案和来自知名主题屋的好主题的出色托管 WP 主机更好的了。

但是对于那些预算有限的人,我建议 -

  • 一个免费的缓存插件
  • 自动优化
  • WP 扫描
  • 一个不错的免费主题

这种工具和软件的组合应该有助于创建一个快速的网站,而无需花一分钱! 但是,我仍然建议您至少尝试使用高级缓存插件。 它将为您省去为一个目的使用这么多插件的所有努力。 使所有这些插件有效地为您的网站运行完全是另一回事。

您需要知道的另一件事是,过多的插件不一定会减慢您的网站速度,前提是它们是优质插件。

再次测试您的网站,

  • GTmetrix
  • 网页测试
  • PageSpeed 工具

在测试时,一次使用一个新插件来检查结果。 如果它们没有相继变好,那么也许您应该单独使用以前的插件/插件。 例如,使用像 Fastest Cache 这样的免费缓存插件,看看你的网站有多快。

在坚持使用新激活的插件之前,基本上寻找性能的增加。

结果如何,您的网站是否变得更快?

我希望它做到了。

我希望这篇文章有帮助

请在下面的评论中与我们分享您的测试结果,也许我们可以帮助您!