如何加快您的 WordPress 网站? [完整指南]

已发表: 2022-02-28

您的 WordPress 网站速度慢吗? 如果是,我们需要努力解决这个问题。

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

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

网站速度重要吗?

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

谷歌的速度

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

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

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

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

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

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

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

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

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

您的网站表现如何?

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

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

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

1.托管服务选择

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

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

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

引擎

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

2.使用最好的缓存插件

(假设您使用托管公司内部提供缓存的托管 WordPress 托管以外的任何东西)

WP火箭

WP Rocket 是一款畅销的优质缓存插件,可有效优化您的网站以提高速度。 许多 WP 缓存插件对于 WP 新手来说很复杂。 选项的复杂性对专家和中级 WP 用户来说是好的。 WP Rocket 并不难弄清楚和使用。

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

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

3. 选择正确的框架

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

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

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

4. 使用 CDN

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

几乎所有高流量网站现在都使用 CDN 来存储其静态内容。 Cloudflare 等 CDN 的固态驱动器战略性地分布在全球各地,为具有广泛人口覆盖面的网站提供理想的全球内容交付服务,如下图所示。

查看 MaxCDN 的全球 CDN 服务

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

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

5.优化您网站的数据库

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

扫一扫

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

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

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

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

我可以进一步讨论如何以及应该做些什么来保持 WordPress 数据库的清洁,但这本身就是一项相当大的工作,我不能在这里添加更多内容,但是如果您想进一步阅读。 这应该对您有所帮助——“WordPress 春季清洁工具包——如何优化 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 生成必要的代码以添加到您的服务器。 通常,您的房东也愿意帮助您。

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

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

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

10. 禁用 Pingbacks 和 Trackbacks

Trackbacks 和 pingbacks 让您知道其他人已将您的帖子链接到另一个博客或网站上。 Trackbacks 是手动的,pingbacks 是自动的,它们最终都会出现在您的评论审核中。 99% 的引用和 pingback 都是垃圾邮件。 而且,如果您开始使用过多,则可能会影响您的网站速度。

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

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

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

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

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

免费缓存插件无法做到这一点。 或者您可以将 Autoptimize 与免费缓存插件结合使用。 但有时事情往往会崩溃,对于无法解决潜在混乱的人,我不会建议这条路线。 如果您觉得无法处理它,请使用 WPRocket。

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

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

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

最后的想法

没有什么能比拥有内部缓存解决方案和知名主题屋的优秀主题的优秀托管 WP 主机更胜一筹了。

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

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

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

再次测试您的网站,

测试时,一次使用一个新插件来检查结果。 如果它们没有连续更好,您应该单独坚持以前的插件/插件。 例如,使用像 Fastest Cache 这样的免费缓存插件来查看您的网站的速度有多快。

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

结果如何,您的网站变得更快了吗?

我希望它做到了。

我希望这篇文章有帮助

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

披露:此页面包含外部附属链接,如果您选择购买上述产品,我们可能会收到佣金。 此页面上的意见是我们自己的意见,我们不会因正面评价而获得额外奖励。