如何提高您的 WordPress 网站速度和性能

已发表: 2016-01-12

您已经花了几个月的时间设计了一个令人惊叹的 WordPress 网站,并与客户和合作者一起创造了真正特别的东西。 现在你已经向公众发布了它,是的! 你都完成了。 但是,等等……它有点慢。 您知道网站速度对于您的业务(以及您的客户)的成功至关重要。 一次又一次,您会被可怕的统计数据打动,例如“近一半的网络用户希望网站在两秒或更短的时间内加载”和“用户倾向于放弃在三秒内未加载的网站。”

在项目的这个阶段很容易感到沮丧,但不要担心。 在敲开网络主机的大门或添加大量粗略的插件之前,请按照以下简单步骤使您的 WordPress 网站流畅、可靠且超快速。

第一步:测试!

在开始之前,进行一些测量并运行一些测试以获得一些基准非常重要,这样您就会知道您所做的更改是否真的在改善您的网站。

wordpress 性能台

要测试您网站的速度,最好的办法是结合使用 WebPageTest 和 Google PageSpeed Insights。 WebPageTest 可让您很好地了解网站加载所需的实际时间(以秒为单位),这些指标将帮助您了解是后端还是前端导致网站加载缓慢。 Google PageSpeed Insights 最适合查看浏览器如何呈现您的网站,并可以帮助您确定可以在前端改进的地方。

第二步:确保你有最好的主机

共享主机的价格标签总是让它看起来很便宜,但它的代价是不同的:网站速度慢、性能不规律和频繁停机。 压力是不值得的,尤其是当您有能力选择一个托管的 WordPress 主机(如 Flywheel!)来解决您的 WordPress 性能问题时。 在托管方面,您不想在最重要的时刻遇到最后一分钟的迁移、被黑的站点、低于标准的服务器和意外停机时间。

使用飞轮,支持一流,仪表板美观且易于使用,您的网站将保持安全,您将拥有大量功能供您使用。 一探究竟!

第三步:审核你的插件

向网站添加插件可以带来许多功能和有趣的东西,使您的网站远远超出基本功能。 不幸的是,许多都带来了性能开销。 我们已经看到了很多缓慢的站点,只需停用一些插件即可立即解决。 避免管理插件偏头痛的最佳方法是在开发网站时牢记性能。 “不要花费数周时间依赖一个插件,让它成为你存在的祸根” 当您发现它会使您的网站变得非常缓慢。 阅读评论,定期对其进行测试,并确保在可用时将其更新到最新版本。

wordpress 性能逻辑

所有这些关于插件的负面讨论只是为了让您意识到使用坏插件时所涉及的潜在风险。 这些通常是由没有经验的程序员开发的插件,或者是那些进行大量数据库查询并需要密集逻辑处理的插件。 不过,有好消息! 有数以千计的有价值的插件不会让您的用户和读者在浏览您的网站时感到沮丧。 魔术只是使用那些,而不是那些表现缓慢的。

您可以很容易地找出哪些插件可能会导致您网站的性能损失。 我们通常使用一个名为 P3 Profiler 的插件来筛选您的整个站点并报告每个插件负责使用的总加载时间的百分比。 如果您对速度很认真,您将在每次激活新插件时运行 P3 Profiler 测试,以确保您没有安装会牺牲速度的东西。 另外,通过立即对您的插件进行基准测试,如果从长远来看,插件的性能不佳,您将不会浪费时间弄乱插件。

如果有一些插件你不能没有,但仍然会让你的网站变慢,那么有办法继续使用它们。 通常,如果您确定插件加载缓慢,则下一步是增加服务器上的内存。 消除这样做的需要是最好的行动计划,但您可能会发现自己不愿意放弃一些插件(例如 WooCommerce)。

使用飞轮,您可以随时升级您的计划以获得更多内存,从而提高速度。 在此处了解有关我们计划的更多信息。

第四步:缓存所有内容

服务器端和客户端的缓存是 WordPress 网站性能的重要组成部分。 一旦用户第一次加载您的网站,您就可以利用浏览器功能在本地缓存该网站的内容,这样用户下次访问时就已经加载了这些内容。

同样,在服务器端,拥有一个缓存层可以为您的站点快速提供服务创造奇迹。 使用 WordPress 缓存服务器端的最常见方法是使用 W3 Total Cache 插件。 几乎所有主机都需要此插件(或类似插件)。 此规则的例外是飞轮; 我们使用 Varnish 在幕后为您处理服务器端缓存。 使用 Varnish 而不是插件可以显着提高速度,因为 Varnish 永远不必与 PHP 对话。 它会立即为您的站点提供缓存的静态副本(甚至无需触及 PHP 应用程序层),而插件仍由 PHP 运行。

在像 Flywheel 这样的托管主机上,服务器端缓存通过设置“过期标头”告诉浏览器缓存多长时间。 如果这些标头告诉它不要询问,浏览器将不会向服务器询问更多信息。 当您开始安装插件或第三方主题时,您主要必须开始考虑缓存。 主题和插件开发人员可以设置自己的标头,这些标头可以覆盖主机的默认设置,从而对缓存机制产生不利影响。

例如,WooCommerce 通过设置 cookie 来禁用服务器端缓存。 插件或主题禁用缓存时通常不是很明显,因此最好联系您的托管服务提供商并要求他们强制缓存您的网站。 但是,请注意不要在真正需要 cookie 才能工作的页面上强制缓存,例如 WooCommerce 购物车和结帐页面。

第五步:使用 CDN

内容交付网络(或 CDN)是一个服务器网络,可根据用户的位置从不同位置为您的网站及其资产提供服务。 例如,假设您没有使用 CDN,并且您的网站托管在旧金山。 例如,当来自巴塞罗那的人访问您的站点时,他们必须从您位于旧金山的服务器中检索您的所有资产。

wordpress-性能-cdn

这两个位置之间的长距离显然比来自旧金山的人加载您在旧金山托管的网站需要更长的时间。 CDN 从位于纽约、西雅图、奥马哈、巴黎、伦敦、北京和旧金山(等等)的大量不同服务器为您的资产提供服务。 这个想法是用户将访问离他们最近的服务器并且不会牺牲加载时间,因为他们与服务器之间的距离更小。 使用 CDN,来自巴塞罗那的同一个人现在将访问伦敦或巴黎的数据中心,而不是旧金山。 使用 CDN 肯定会为全球用户提高您网站的速度!

一些最受欢迎的 CDN 包括 Amazon Web Services、CloudFlare 和 MaxCDN。 他们中的大多数都有免费计划,但是如果您吸引了很多访问者并拥有大量资产,那么您很可能需要为 CDN 付费。 它们通常很容易设置,但如果您想要一个超级简单的设置解决方案,您应该查看 Flywheel 的 MaxCDN 插件。

wordpress 性能电子书

尝试性能洞察!

我们知道仅靠托管无法解决您所有的 WordPress 性能问题(即使 Flywheel 的云平台确实让您的网站飞起来!)。 前端的小细节确实会减慢速度……而且有这么多插件、主题和技术协同工作,可能很难知道从哪里开始。

我们的 Performance Insights Add-on 可让您深入了解您网站的高性能和低性能方面。 从那里,我们更进一步,直接从我们的专家团队为您提供建议的操作,让您确切地知道在哪里以及如何提高您的网站的速度! 在这里了解更多。