WordPress 性能提示 — 您需要了解的基础知识
已发表: 2021-12-20当您运行自己的 WordPress 网站时,您需要考虑很多事情,并且加载速度应该是您的首要任务之一。 一个缓慢的网站保证了访问者的流失。
如果您的网站不断变慢,那么您需要立即采取措施解决这个问题——在您永远失去用户群之前。
问题是:网上有很多 WordPress 性能指南,但如果您不熟悉网站开发,它们通常会让人非常困惑。
虽然性能优化可能是一个复杂的过程,但实际上您可以采取一些简单的步骤来立即加快页面加载时间。
正在寻找快速、轻松的方法来提高您的网站速度? 我们将介绍基础知识,并为您提供一些专门为 WordPress 量身定制的技巧,这些技巧将大大降低加载时间。
结果? 为您的访客带来更好的体验!
- 为什么网站性能很重要?
- 移动页面加载速度
- 在线商店页面加载速度
- 是什么导致网站速度慢?
- 如何测试您网站的速度
- 加快 WordPress 性能的 10 个简单技巧
- 选择更好的托管
- 使用轻量级主题
- 删除不必要和优化不佳的插件
- 压缩所有图像
- 图片盗链
- 安装性能插件
- 升级您的 PHP 版本
- 使用 CDN
- 不要在小部件和外部脚本上重载
- 缩小 HTML、CSS 和 Javascript
- 保持最新状态
- 让您的网站顺利运行
为什么网站性能很重要?
一秒钟可以发生很多事情。
页面加载时间延迟一秒等于页面浏览量减少 11%,客户满意度降低 16%,转换损失 7%。 而对于亚马逊来说,每年的销售额可能会损失 16 亿美元。
如果您的网站需要三秒或更长时间才能加载,这些数字加起来可能会导致访问者流失或收入的数量惊人。
访客只需一秒钟就可以生气并继续前进。 特别是如果您网站上的每个页面都加载缓慢。 当他们尝试浏览时,延迟会增加,他们的挫败感也会增加!
互联网现在比以往任何时候都快。 出于某种原因,页面加载时间以毫秒为单位。 访问者等待网站加载的时间越长,他们就越有可能去其他地方。
移动页面加载速度
对于现在占在线流量很大一部分的移动用户来说更是如此。
移动用户在加载时间方面出了名的不耐烦,如果网站在三秒内没有加载,大约 53% 的用户会直接离开。
在线商店页面加载速度
如果您经营在线商店,网站速度也非常重要。
浏览电子商务网站通常涉及在多个页面之间快速连续导航。 如果客户必须在访问产品页面、将其添加到购物车和浏览多个结账页面之间等待,他们将不会再向您购买。
这就是为什么 52% 的在线购物者表示快速页面加载对他们的忠诚度很重要。
如果您希望您的访问者长期停留,您应该为他们提供快速、无缝的体验。 这应该反映在您网站的设计和可用性中,包括它的加载速度。
是什么导致网站速度慢?
很难准确地回答一个网站为什么会变慢,因为有很多潜在的原因。 有时是服务器、网站本身,甚至是用户自己的设备的故障。
但是,很多时候,导致延迟的原因是在您的控制范围内。
- 虚拟主机:一个好的主机可以成就或破坏您的网站。 大多数新博客将使用共享主机,因为它通常是最便宜的选择。 这也是最慢的。 选择合适的网络托管公司可以产生重大影响。 仅仅因为他们很受欢迎而与主持人一起去是不够的。
- 服务器性能:这又属于网络托管领域。 您可能能够更改服务器配置,但您可能依赖您的网络主机来管理实际性能。 这也是为什么进行研究并选择具有良好基础架构的主机至关重要的原因。
- 页面大小:当网站的页面中包含太多元素时,它的加载速度会变慢。 如果由于第三方小部件而进行多次外部调用,性能很快就会受到影响。 太多的小部件、制作不佳的主题和插件以及巨大的、未优化的图像都会导致网站运行缓慢。
- 流量过多:如果您开始超出托管计划的带宽限制,您可能会注意到您的网站开始变慢。 您可以选择没有带宽限制的网络主机或升级您的计划以避免这种情况。
- 用户设备:有时,用户的设备无法处理您在页面上放置的所有内容。 移动设备在加载大型元素时比计算机慢一些,并且一些计算机较旧或可能具有低端硬件。 虽然这不是您的错,但最好记住某些设备的功能不如其他设备,并尽可能多地测试您的网站。
如何测试您网站的速度
如果您已经做到了这一点,您可能会确信加载时间对您的访问者来说很重要。 现在该怎么办?
您的第一步应该是测试您网站的速度,看看它是否需要一点提升。
虽然在真实设备上测试您的网站很重要,但存在许多第三方工具可以准确跟踪页面加载所需的秒数。 他们甚至可以就你做错了什么提供建议。 以下是使用一些在线工具检查 WordPress 性能的方法。
- Google Pagespeed Insights :Google 有一个非常有用的在线工具来评估您的网站的速度。 它会分析您网页的各个方面,并可以提供各种建议来加快您的网页速度并最大限度地减少性能障碍。
- GTmetrix: GTmetrix 充满了有用的建议和高级技巧,将教您如何提高 WordPress 性能。 它会自动检测服务器和页面速度问题,同时准确地告诉您如何修复它们。 不过,您需要注册才能访问某些功能。
- Pingdom: Pingdom 是一种流行的性能监控工具。 他们的速度测试器会根据最佳开发实践准确地告诉您加载所需的时间以及页面大小和等级。 它甚至指出哪种类型的内容(脚本、图像、HTML 等)占用的空间最多。
- 测试我的网站:毫无疑问,移动优化很重要。 使用 Google 的工具,您可以在全球多个地区的 3G 和 4G 网络上测试您的网站。 然后,将您网站的速度与竞争对手进行比较,并获得有关您可以做得更好的建议。
- Uptrends: Uptrends 允许您从多个位置、设备、浏览器和模拟的互联网电缆类型测试您的站点。 它太酷了! 这是查看您的网站在任何情况下、在任何设备上的表现的好方法。
加快 WordPress 性能的 10 个简单技巧
寻找一些最简单但最有效的方法来加速您的网站? 这些常见的罪魁祸首是新 WordPress 安装速度变慢的一个重要原因。 这意味着如果您的网站运行缓慢,它们应该是首先进行的更改。
留意这十个优化技巧,让您的网站再次顺利运行。
选择更好的托管
页面速度只是性能的一个因素。 后端服务器似乎并不重要,获得快速服务器意味着选择可靠、高质量的网络主机。
首先,应不惜一切代价避免使用免费的网络主机,除非您负担不起其他任何费用。 即使这样,您也应该考虑 WordPress.com 的免费计划,而不是在免费的第三方主机上托管您的 WordPress.org 网站。
它们可能不会花费任何费用,但免费主机通常非常缓慢,经常停机,实施严格的访客上限,或三者兼而有之!
使用免费托管无法建立良好的声誉。
共享主机是下一层,这是一个很大的改进——但仍然经常是慢网站的祸根。 在共享主机上,您挤在一个可能有数百个其他网站的小环境中。 如果一个人过度使用资源或使服务器崩溃,它会影响到你们所有人。
考虑改为购买 VPS、云或专用主机。 这些都提供了隔离的环境和更好的性能。 价格上涨非常值得。
我们推荐几个网络主机,包括 SiteGround、Hostinger、GreenGeeks、Kinsta 和 Flywheel。 许多其他质量主机可用。
最后,如果网络托管站点上的所有行话让您感到困惑,这里有一个小提示:如果您担心速度,请寻找使用 NGINX 而不是 Apache 服务器的主机。 没有说哪个更好,但 NGINX 更快。
使用轻量级主题
主题是您网站的框架。 您网站的大部分代码和内容都位于您选择安装的主题中——这意味着它对您的页面速度有很大的影响。
许多主题看起来不错,但可能会因无用的脚本和小部件而陷入困境,这些脚本和小部件会对您的网站造成严重影响。 这些应该避免。
代码优化是必不可少的。 知道自己在做什么的主题开发人员将遵循最佳实践并确保他们使用高效的代码。
那么如何测试主题的运行情况呢? 如果主题提供演示页面,您可以将 URL 放入上述速度测试工具之一并进行比较。 还有 WP Speedster,它测试了数以千计的免费主题和插件,然后根据对性能的影响对它们进行排名。
我们自己的主题 Astra 以注重速度和优化而闻名。 它占用最小的页面空间,并且与其他主题不同,它避免了像 jQuery 这样可能严重影响加载时间的笨重代码。
一般来说:包含数十个捆绑插件和小部件的主题可能很诱人,但它们通常优化不佳,并且肯定会减慢您的网站速度。
最快的主题将具有简洁、高效的设计,并且只有构建漂亮网站所需的少数有价值的功能。
删除不必要和优化不佳的插件
并非所有插件都会导致性能下降。 有些人的工作做得很好,对性能几乎没有影响。 但有些人占用的资源超出了他们应得的。
如果插件的代码优化不佳,或者您一次安装了几个慢速插件,它会迅速降低您的网站速度。
定期精简插件列表是个好主意,尤其是在您安装了数十个插件的情况下。 看到你不再使用的东西了吗? 继续并卸载它。 这是一个多一点的空间,并且可能减少您的资源消耗。
但是,如果您需要寻找影响您网站性能的插件怎么办?
WP Speedster 还对插件速度进行排名,因此您应该查看他们的列表,看看您安装的任何东西是否会拖累您。
还有一些方法可以测试您当前安装的插件。 查询监视器可能有点让人不知所措,但如果您是开发人员,它可以让您深入了解所有插件在做什么。
您的另一个选择是测量您的网站速度,停用所有插件,然后再次测试。 如果您注意到明显的改进,请一一重新激活每个插件并运行测试,直到您发现插件减慢了您的速度。
这是缩小问题范围的乏味但必要且有效的方法。
压缩所有图像
这是一个大问题——如果你遇到了 wordpress 性能问题,尤其是在某些页面上(比如大量图片的博客文章),你可能只需要压缩你的图片。
许多新博主不了解图像优化,因此它通常是 WordPress 网站性能不佳的主要原因。
TinyPNG 和 Optimizilla 都是很棒的在线工具,可以帮助您在将图像上传到博客之前缩小图像尺寸。 如果您想使用可以自动压缩上传图像的插件,请尝试使用 Smush、Imagify 或 EWWW。
图片盗链
当您使用它时,您应该启用盗链保护。 盗链是指另一个网站将您的图片的 URL 嵌入到他们自己的页面中。 每次有人在他们的网站上查看图片时,您的资源都将用于加载它!
由于突然的高流量会降低服务器性能,您可能会无缘无故地注意到您的网站加载速度较慢。 这可能就是原因。
有几种工具可以禁用热链接。 该功能在 All In One WP Security & Firewall 等安全插件中尤为常见,它可以防止盗链并帮助您修补安全问题。
防止直接访问是另一个插件,它可以向搜索引擎隐藏您的媒体文件,并且还可以方便地防止它们被热链接。
安装性能插件
有数百个插件旨在帮助您加快网站速度。 这些关键工具会为您处理所有繁重的工作,优化后台设置,使您的网站突然变得更快——就像变魔术一样。
如果您想立即减少加载时间,请查看其中的一些。 但请记住,没有 WordPress 性能插件可以弥补优化不佳的服务器、插件或主题。
- W3 Total Cache 在社区中非常有名,当用户需要一个缓存插件时,他们经常会求助于第一个缓存插件。 WP Rocket 是另一个受欢迎的竞争者,虽然它只是高级版,但它开箱即用,无需配置。 最后,WP Fastest Cache 在用户数量上与 W3 竞争,但它的评分略高,并且有很多功能可以与之匹敌。
- WP-Optimize 做到了这一切。 它为您的数据库提供了一次大扫除,将您的图像压缩到可管理的大小,并缓存您的页面以及任何专用的缓存插件。
- 如果您想让 WordPress 在后台保持打开状态,请考虑安装 Heartbeat Control。 WordPress 的 API 每分钟调用几次,这可能会影响服务器速度并占用带宽。 使用此插件将其调低。
- Clearfy 摆脱了所有使您的网站变慢的烦人的小功能。 禁用小部件,摆脱 Heartbeat API,关闭未使用的脚本和样式,并删除其他几个您不需要的代码元素。
- Perfmatters 是一个很棒的高级插件,它可以优化一切,清理无用的代码,并在此过程中加速您的网站。
- Hummingbird 由 Smush 的开发人员创建,可在一个插件中优化、缩小和缓存您的网站。 扫描工具可让您准确了解是什么让您放慢了速度。
升级您的 PHP 版本
超过一半的 WordPress 安装在不受支持的 PHP 版本上运行。 PHP 是 WordPress 的支柱; 使一切正常运行的脚本语言。 那么,如果您是众多坚持使用旧版本 PHP 的人中的一员,那么这对您意味着什么呢?
这意味着安全性差、代码过时、没有支持和糟糕的性能。 较新版本的 PHP 比旧版本快两倍多。 升级可以立即提高 WordPress 的性能。
WordPress 和许多流行的插件通常在最新的 PHP 兼容版本中表现最佳。 在提示时保持最新或升级可以对网站速度和稳定性产生重大影响。
使用 CDN
典型网络主机的问题在于其服务器仅位于一个位置。 您离它越近,网站的加载速度就越快。 但是,一旦您开始吸引国际访问者,甚至是来自世界各地的访问者,页面加载时间就会变慢。
CDN(内容交付网络)是解决此问题的简单方法。 CDN 服务器分布在全球各地,通常每个大陆都有一个或多个,美国有几个。 当任何人访问您的站点时,他们会被快速路由到离他们最近的 CDN 服务器。 这样,任何人都可以使用可用的最快连接加载您的网站。
尽管 CDN 提供商有很多,但 Cloudflare 是迄今为止最受欢迎的。 它甚至为小型网站提供免费计划。
不要在小部件和外部脚本上重载
外部脚本会占用大量加载时间。 通过您自己的站点加载内容几乎总是更好,而不是向第三方服务器发出请求。
像“相关帖子”这样的动态小部件也会产生负面影响,尤其是当你用它们超载页面时。
以下是一些帮助优化页面速度和防止脚本失控的快速提示。
- 注意任何向第三方服务器发出请求的元素(插件是罪魁祸首)。 这些太多,您的页面将缓慢爬行。
- 除非必要,否则避免嵌入(视频、地图和社交媒体帖子)。 太多网站的页脚中有 Google 地图小部件!
- 一些 WordPress 小部件可能会向您的网站添加不必要的内容。 “最近的帖子”小部件显示您的整篇文章,而不仅仅是摘录。 您可以在后台进入设置>阅读,然后将“对于提要中的每篇文章,显示”更改为摘要。
- 您还应该将评论分成页面(想象一下加载包含数千条评论的帖子需要多长时间!)转到设置>讨论并配置评论设置。
- 在本地托管 Google 字体,因此用户不必在每个页面上加载外部脚本。
- 虽然小请求应该保存在您自己的服务器上,但您应该在其他平台上托管大型、密集的元素,例如视频。
- 尽可能延迟加载。 图像、视频、小部件、评论和嵌入。 一切都有延迟加载插件。 a3 Lazy Load 涵盖了其中的大部分。
缩小 HTML、CSS 和 Javascript
您应该缩小您网站上的代码以使其占用更少的空间。 HTML、CSS 和 Javascript 一起可以对速度产生惊人的影响。 虽然这可能只会减少几毫秒(除非您的代码已经优化得很差),但它仍然可以产生影响。
如果您使用的是 Cloudflare CDN,则只需激活 Auto Minify 功能即可。 否则,Fast Velocity Minify 是存储库中评价最高的缩小插件,默认设置无需任何调整即可正常工作。
您还可以尝试 Autoptimize,它通过多种优化(包括代码压缩)来加速您的网站。
保持最新状态
最后一步可能看起来并不那么重要,但您会对它可能产生的影响感到惊讶。 如果您总是发现自己推迟了对 WordPress 核心、主题和插件的更新,那么是时候改掉这个习惯了。
WordPress 更新通常意味着新功能、改进的安全性和一般代码维护。 它们还可以为每个人包括优化的代码和改进的页面速度。
让您的 WordPress 主题始终保持最新状态尤为重要。 您的主题是页面性能的最大贡献者之一,您希望尽快在您的网站上进行任何优化。
要检查 WordPress 中的更新,只需登录后端并转到更新屏幕。 从这里您可以下载更新或检查新的。
让您的网站顺利运行
不要因为网站速度慢而失去访问者。 只需几个简单的步骤,您就可以在一个下午完成; 您的网站将更有效地工作,您的访问者将感谢您提供更好的体验。
页面加载时间慢是 WordPress 网站的常见问题。 新的博主往往对插件感到兴奋和超载,忘记优化他们的图像,或者使用未能提供承诺速度的糟糕托管公司。
但是,通过遵循本指南中的步骤,您将确定导致性能不佳的问题并防止它们在未来发生。 所有这些都无需做任何过于混乱或技术性的事情。
影响您网站速度的主要因素是糟糕的托管、包含大量代码的插件/主题,以及影响页面加载速度的因素,例如外部脚本或巨大的图像。
密切关注这些,您将能够使您的网站保持最佳状态!
什么是您的首选 WordPress 性能插件,可以最大限度地减少您网站上的加载时间? 如果您有最喜欢的,请在评论中告诉我们。