如何优化您的WordPress网站的性能

如果不提出性能主题,你就不能谈论WordPress。虽然WordPress是世界上最受欢迎的博客平台,但它需要付出严格的努力才能使其在可接受的水平上运行。话虽这么说,你不能总是把责任归咎于WordPress。 除了内部问题,您还必须考虑您使用的托管服务提供商,插件和主题,以及是否要优化您的内容。例如,由于过度 WP网站建设

WordPress网站建设

如果不提出性能主题,你就不能谈论WordPress。虽然WordPress是世界上最受欢迎的博客平台,但它需要付出严格的努力才能使其在可接受的水平上运行。话虽这么说,你不能总是把责任归咎于WordPress。

除了内部问题,您还必须考虑您使用的托管服务提供商,插件和主题,以及是否要优化您的内容。例如,由于过度使用JavaScript,最现代的主题可能会削弱您的整个网站。

创意设计并不便宜

我认为,就WordPress的主题和设计而言,我们生活在一个奇怪的时代。感觉好像主题开发人员经常互相攻击,争夺客户认可。

大多数情况下,这是以牺牲性能和可用性为代价的。你真的需要能够在文章标题中设计个别单词吗?是否有必要使用像Bootstrap这样的大型框架来实现一个主页的设计?

如何优化您的WordPress网站的性能

我一直很喜欢Jeremy Thomas的这个小项目 ; CSS’框架Bulma的创建者。它展示了如何在不到100行代码中开发用户友好的网页。

设计的目的是增强其应用内容的表示。这可能听起来很明显,但内容是网站的主要元素,它不应该被视为事后的想法。(杰里米托马斯)

不幸的是,这不是今天主题开发人员的方法。巨大的资源被放在网页的“框架”中,这通常会使内容页面变得乏味和单调。

性能是用户体验

如果您认为性能不会影响用户体验,我敢于将您的Internet连接限制在50kbps一整天。

您将很快了解到性能可能是良好用户体验中最关键的因素。

如何优化您的WordPress网站的性能

图表来源:Addy Osmani

此图表显示了不同类型的移动设备如何处理JavaScript。显然,1200美元的iPhone通过现代网页“微风吹拂”。而对于同一页面,更实惠的型号将慢出10倍。

请记住:

  • 设计无法掩盖不良内容。
  • 定期使用的网站应该很简单。
  • 内容先到后设计。

因此,我不会采用传统方法,并建议您增加PHP内存限制。

相反,我想借此机会重点介绍一下我在过去一年左右遇到的一些最有价值的工具和插件。

这还包括对某些技术的见解,我认为这些技术对WordPress用户的更好性能有很大贡献。

提高WordPress网站性能的工具

EasyEngine

如何优化您的WordPress网站的性能

因此,近年来出现了相当多的“优化的Web服务器堆栈”。CentminMod,VestaCP和Webinoly仅举几例。

尽管如此,EasyEngine仍然感觉自己是这一领域的真正先锋,与其他人相比,他们的入职流程非常快。您可以在不到5分钟的时间内安装EasyEngine并启动WordPress博客。

简而言之,EasyEngine是一个命令行工具,有助于管理Docker实例中的LEMP(Linux,NGINX,MySQL,PHP)堆栈。您不需要事先熟悉Docker,并且所有内容都以“幕后”的方式运行。您唯一需要的是访问专用Linux服务器或至少访问VPS(虚拟专用服务器)。DigitalOcean等平台每月只需5美元即可帮您解决问题。

那些具有一点Web服务器知识的人已经知道NGINX往往比Apache表现得更好。由于大多数Web托管服务提供商仍然使用Apache作为其默认Web服务器,因此从切换到NGINX可以立即获得性能改进。

但是,这不是EasyEngine的唯一吸引力。除了显着的性能改进之外,EasyEngine还使您的日常生活更轻松。

像这样:

  • Native Redis支持,提供对象和整页缓存支持。
  • 使用单个命令从Let’s Encrypt生成并重新生成免费的SSL证书。
  • 特定于管理员的工具,例如用于MySQL和Redis管理的仪表板。
  • 可使用Composer包扩展!

最好的部分是EasyEngine完全是开源的。它得到热爱开发人员的支持,他们喜欢Open Web,并且有更强的决心让网络更快。

如果您希望显着优化网站的性能,并且还可以访问最现代的服务器管理工​​具,我强烈推荐此选项。

也许使用Linux命令行界面不是你的事,但我相信你的网络主机会非常乐意帮助你。

OpenLiteSpeed

如何优化您的WordPress网站的性能

我第一次听说OpenLiteSpeed来自DigitalOcean。我觉得如果DigitalOcean将其添加为Droplet配置面板的默认选项,我很久以前就会切换到OLS。不过,到目前为止,我已经完成了转换并对结果非常满意。

“OpenLiteSpeed是LiteSpeed Web Server Enterprise的开源版本,包含所有基本功能。OLS为WordPress提供了巨大的可扩展性和加速托管平台。“

从本质上讲,OpenLiteSpeed for WordPress包含三个核心元素:

  • WordPress核心
  • OpenLiteSpeed Web服务器
  • LiteSpeed缓存集成

近年来发布的任何基准测试都表明,OLS的性能优于Apache和NGINX,性能提升高达200%。

如何优化您的WordPress网站的性能

该的Litespeed缓存插件(500,000+用户)本身提供了无与伦比的性能,包括对OLS用户独有的功能。例如,使用WordPress分类法从缓存中排除自定义页面。此外,还增加了对HTTP / 2,QUIC和ESI的支持。

如果您熟悉DigitalOcean或Amazon AWS,那么切换到OLS应该相对轻松。设置新服务器后,您将能够使用WebAdmin面板对虚拟主机,SSL证书和常规设置进行进一步的自定义。

对于BlueHost等传统托管服务提供商的支持 – 您必须直接与您的提供商联系。我知道有一些托管服务提供商拥有OpenLiteSpeed选项。

限制外部请求

如何优化您的WordPress网站的性能

您可以使用Chrome(或Firefox)开发人员工具来分析每个网站页面的网络性能。这也有助于您了解哪些资源需要最长时间才能完全加载。

每当有人访问您的网站时,他们必须加载每个资源以完全呈现​​页面。这还包括外部资源。

外部资源可能是Google字体,也可能是特定的JavaScript库。WordPress插件也倾向于将外部请求添加到他们的特定主页。

这有两个问题:

  • 在处理完所有请求之前,您的网站页面将无法完全呈现。这有时会阻止对内容的访问。
  • 其次,外部网站有时会出现停机或响应时间慢的问题。在这种情况下,另一种选择是使用CDN。

Pingdom和PageSpeed Insights等网站性能监控工具为外部请求过多的网站带来了很多性能点。

幸运的是,本文中提到的一些解决方案直接解决了这个问题。

CAOS:本地Google Analytics

如何优化您的WordPress网站的性能

放弃Google Analytics并不容易。深入的指标与实时统计数据相结合,使竞争陷入困境。Google Analytics(分析)始终是一种外部解决方案。这意味着,每当有新读者访问您的网站时,他们都必须对Google服务器进行“往返”以下载必要的文件。

而且由于Google已将缓存到期时间设置为仅2小时,这不仅会影响您的PageSpeed得分,还意味着用户将始终需要重新下载跟踪文件。

幸运的是,CAOS插件无需依赖Google的规则来使用分析。使用CAOS,您可以在服务器上本地托管Google Analytics,而不受跟踪或数据报告的任何限制。

如何优化您的WordPress网站的性能

设置仪表板包含许多有用的功能。

例如,您可以启用与Monster Insights和Analytify等热门插件的兼容性。您还可以设置自定义Cookie到期时间,并管理不同的GDPR相关选项。

即使这种特定情况下的性能改进很小,但这种优化技术确实会随着时间的推移而增加。

CAOS:本地Google字体

如何优化您的WordPress网站的性能

所以,这其实是完全相同的插件,如上图所示(由同一作者),但谷歌的字体。这里的问题也完全一样。

使用多个Google字体(包括多种变体)意味着用户经常需要向Google发出外部请求以加载实际字体。这意味着Google强制执行的缓存过期,多个DNS请求以及延迟的页面加载时间。

如何优化您的WordPress网站的性能

谷歌字体在网站管理员,博主和设计师中都取得了巨大的成功。它是臭名昭着的字体,如Roboto,Lato,Merriweather和Open Sans。

此插件将自动下载您需要的所有字体并将其存储在本地。此外,该插件将生成一个自动包含在您的网站标题中的唯一样式表。没有兼容性问题,CAF for Webfonts适用于流行的缓存插件。

如果您最终使用此插件,请记住从主题和/或插件文件中删除对Google字体的任何请求。

SVG

如何优化您的WordPress网站的性能

哎哟! 通过Icons8。令人惊叹的时尚免费插图,让您的下一个项目焕发活力。

喜欢SVG有很多理由 – 其中最突出的是性能改进。与传统的图像格式不同,SVG图像是使用标记语言创建的,Web浏览器的解释与HTML和CSS非常相似。这带来了许多不同的好处。

文件较小。SVG图像使用向量而不是像素。因此,您可以减少页面大小并减少完全加载页面所需的时间。

无限扩展。您是否曾尝试将PNG图像缩放到其原生尺寸之上?在某个时刻,您无法再识别图像。使用SVG图像,这不是问题。矢量图像可以无限缩放,而不会损失图像质量或增加文件大小。

使用CSS动画。您可以使用CSS为矢量图像添加创意动画效果。尝试使用GIF图像执行相同操作会导致图像过大。

SVG图像的唯一警告是,除非您是设计师,否则创建它们并不容易。但是,您可以随时使用第三方提供的插图和插图。

Icons8拥有超过90,000个图标,所有图标都可以选择以SVG格式下载图标。

如何优化您的WordPress网站的性能

哎哟! 是您可以用来为您的项目下载创意SVG插图的另一个平台。但请记住,SVG选项需要会员订阅。

原创文章,作者:网站建设,如若转载,请注明出处:https://www.davidwu.net/archives/9706

发表评论

电子邮件地址不会被公开。 必填项已用*标注