提升WordPress网站性能:循序渐进的优化指南
(本文关于WordPress网站性能优化的系列文章,是与SiteGround合作创作的。感谢您支持使SitePoint成为可能的合作伙伴。)
缓慢的网站令人沮丧。潜在访客可能在页面加载完成前就离开,搜索引擎排名也会下降,导致流量减少。
理想的网页加载时间应在两秒以内。如何实现?一步一步来。
本文将介绍一系列可用于优化WordPress网站速度的策略。
您可能感觉不到网站速度慢。您的浏览器很可能已经缓存了页面,因此您的体验与新访客不同。
以下是一些服务,可以告知您的页面加载时间以及页面的总文件大小:
在调整网站性能前后检查网站速度。如果您的页面加载时间能在两秒以内,那就做得不错了。
记录下每一步所带来的差异。哪一步效果最显著?
在速度慢的服务器上托管网站,速度提升是不可能的。选择合适的虚拟主机是拥有快速加载网站的第一步。
如何选择将速度作为优先事项的公司?请查看《选择虚拟主机的终极指南》中的性能清单。
SitePoint最近与SiteGround合作,将其作为我们官方推荐的虚拟主机。SiteGround拥有遍布多个大陆的服务器,并使用最新的SSD硬件、内部缓存工具和免费的CDN服务,大力投资于速度提升。其灵活的服务器支持PHP7和HTTP/2,并持续进行软件和硬件更新。
首先,使用快速的主题。选项众多的主题可以简化您的工作,但代价是增加了Web服务器和浏览器的负担。一些WordPress主题大小为兆字节,增加了页面加载时间。
每个您不使用的功能都会无缘无故地降低网站速度。如果您擅长调整代码,请选择选项较少的主题来加快网站速度。
进一步阅读:
其次,使用响应式设计。响应式设计为移动设备加载较少的资源,或为桌面显示指定高分辨率图像。移动用户无需下载大型图像,而桌面用户无需眯着眼睛看小图像。
Google也更喜欢响应式网站,因此切换后预计SEO会有所提升。
首先,尽量减少使用的插件数量。在安装任何插件之前,请先询问是否真的需要。安装大量插件不会对网站速度产生巨大影响,但会增加安装行为不良插件的风险。
其次,确保您的插件已针对当前版本的WordPress进行了优化。在安装插件之前进行一些研究,尤其是在评分为三星或更低的情况下。它可能开发不良,或使用了不合适的钩子。这会降低网站速度,也可能会对WordPress和其他插件产生不利影响。保持插件更新也很重要,以确保您拥有最新的性能改进、安全补丁和功能。
您的Widget应尽可能轻量且易于加载。有些Widget在渲染时会加载外部JavaScript或CSS。这对于Facebook、Twitter和Google 的社交网络Widget很常见。
如果Widget不太可能经常更新,请将其直接上传到服务器。通过不依赖外部服务器,您可以缩短网站的加载时间。
首先,使用gzip压缩静态内容。压缩后的文件更小,因此加载速度显然更快。
其次,使用CDN减轻Web服务器的负载。您的静态资源(如图像、脚本和CSS文件)将从遍布全球的优化内容交付网络服务器提供服务——通常是离访客最近的服务器。您的Web服务器将被释放出来服务于网站的其余部分,从而提高性能。
理想情况下,寻找在其托管计划中提供CDN的虚拟主机,例如SiteGround。还有许多CDN网络:
这些与我们下次将介绍的缓存插件配合使用。
以下是关于CloudFront的更多阅读内容:
图像是网站中较重的元素之一:它们占据了超过65%的网页内容。您可以通过几种方法优化上传的图像。
首先,为缩略图、中等和大型图像指定最大图像尺寸。您可以在“设置/媒体”中找到这些选项。如果您上传的是1024像素的图像,而您的内容区域只有604像素宽,则图像将使用CSS缩小。生成的预缩放的604像素宽的图像下载尺寸将显著减小。
其次,压缩它!此技术可以无损地减小图像文件大小,而无需调整图像大小或降低图像质量。虽然雅虎几年前取消了Smush.it服务,但仍有替代方案,如reSmush.it,以及我们将在下一篇文章中介绍的一些插件。
第三,采用延迟加载。此技术对于图像密集型网站非常有效。图像仅在可见时加载,而不是在页面最初加载时加载。这可以显著加快页面加载时间,尽管当图像滚动到视野中时会延迟显示。
进一步阅读:
第四,为您的网站选择最佳图像格式。某些图像格式更容易使用,而其他格式则更小。例如,可缩放的SVG具有较小的文件大小,尤其是在您针对Web对其进行优化并使用gzip对其进行压缩的情况下。
在此处了解各种图像格式的优缺点:
第五,使用CSS精灵。通过将许多小型主题和杂项图像组合成尽可能少的图像来提高性能。在此处了解更多信息:
最后,查看此关于图像优化的全面概述:
WordPress页面从MySQL数据库加载。随着时间的推移,数据库中可能包含许多您不再需要的信息。优化数据库会删除这些信息并提高性能。
您可以直接从phpMyAdmin优化数据库。您也可以使用插件对其进行优化。我们将在下一篇文章中介绍这些内容。
缓存对于优化高流量网站非常有效。每次加载WordPress页面时,都会从数据库和CSS文件中检索信息,并将其组合成一个HTML文件,然后加载到访客的浏览器中。这需要时间。
缓存使这些HTML文件可供未来的访客使用,从而节省大量时间。我们将在下一篇文章中介绍缓存插件。
通过定期维护,保持WordPress网站处于最佳状态。一些维护例程可以显著提高速度,特别是:
在此处了解如何执行这些操作以及更多操作:
对于许多优化任务,都有一些WordPress插件可以为您完成繁重的工作。我们已经介绍了八个涵盖所有方面的最佳插件。我们还列出了近二十个替代方案,以便您可以探索哪些最适合您的需求。深入了解并查看哪些对您的网站影响最大。
如果您正在遵循我们的WordPress维护清单,您可能已经在使用其中一些插件了。继续努力!这些垃圾会不断累积。
### W3 Total Cache
此插件使用缓存提供简单的Web性能优化(WPO)——将帖子和页面缓存到内存或磁盘,缓存Feed、搜索结果页面、数据库对象以及压缩的CSS和Javascript文件。为了充分利用它,请花一些时间仔细配置它。
W3 Total Cache还可以与您的CDN(如Cloudflare或MaxCDN)配合使用,以进一步缩短加载时间。
W3 Total Cache通过提高网站性能、通过内容交付网络(CDN)集成等功能减少下载时间来改善网站的SEO和用户体验。
替代缓存插件包括WP Super Cache、Hyper Cache、WP Fastest Cache和Cache Enabler。
如果您希望避免使用插件,一个不错的选择是寻找一个为您进行缓存的虚拟主机。我们的合作伙伴SiteGround有一个出色的内部开发的缓存工具,可以帮助您大幅提升网站速度。
### WP-Optimize
此免费插件只需点击一下即可优化您的WordPress数据库,或者使用其内置的调度程序自动优化。冗余信息(如垃圾评论、帖子修订和其他垃圾项目)将从您的mySQL数据库中清除,从而加快网站加载速度。
WP-Optimize是自动清理WordPress数据库以使其以最大效率运行的有效工具。
替代数据库优化插件包括Optimize Database after Deleting Revisions、WP Cleanup、WPOptimize、WP Database Cleaner和WP-DBManager。
### Autoptimize
结构不良的CSS和HTML会导致网站速度缓慢和流量损失。此插件会扫描和调整您的网站,“压缩”并删除冗余代码。
为了防止兼容性冲突,Autoptimize可以忽略您的其他插件。它还可以强制您的插件按特定顺序运行。通过尝试此操作,您或许可以大幅缩短加载时间。
Autoptimize使优化网站变得非常容易。它连接所有脚本和样式,压缩和压缩它们,添加过期标头,缓存它们,并将样式移动到页面头部,并将脚本移动到页脚。
压缩的替代插件包括WP Super Minify和Better WordPress Minify。
### P3 (Plugin Performance Profiler)
不良插件会对网站的性能产生不利影响。P3将评估您的插件。它将识别对网站加载时间影响最大的插件,并将其显示在饼图中,以便您可以轻松查看哪些调整会产生最大的影响。
此插件通过测量插件对网站加载时间的影响来创建网站插件性能配置文件。通常情况下,WordPress网站加载缓慢是因为插件配置不当或插件数量过多。通过使用P3插件,您可以缩小导致网站缓慢的任何因素。
替代插件相关插件包括Plugin Organizer。
### WP Smush
此插件通过从JPEG文件中去除元数据、优化JPEG压缩、将某些GIF转换为索引PNG以及从索引图像中去除未使用的颜色来压缩图像。您可以将其设置为在图像上传到网站时自动压缩新图像。
WP Smush速度快,性能良好。文件使用专用服务器进行压缩,并由网站性能工具GTmetrix.com推荐。
使用功能强大且完全免费的WordPress图像压缩器调整大小、优化和压缩所有图像,由WPMU DEV的超级团队提供!
替代图像压缩插件包括EWWW Image Optimizer、Imagify、Kraken Image Optimizer、ShortPixel Image Optimizer和CW Image Optimizer。
此插件确保仅在图像可见于视口上方时才加载图像。它无需配置即可开箱即用。
延迟加载图像以提高页面加载时间。使用jQuery.sonar仅在图像在视口中可见时才加载图像。
替代延迟加载插件包括jQuery Image Lazy Load WP、BJ Lazy Load、Rocket Lazy Load、Unveil Lazy Load和Lazy Load for Videos。
### Imsanity
此免费插件不会提供无损压缩,而是会自动将图像调整为更“合理”的分辨率。它能够设置图像的最大宽度、高度和质量,并且可以将BMP文件转换为JPG。
Imsanity会自动将巨大的图像上传调整为在浏览器中显示更合理的大小,但仍然足够大,足以用于典型的网站使用。该插件可以使用最大宽度、高度和质量进行配置。
此插件会以gzip格式压缩您的页面(如果浏览器支持压缩页面)。HTTP压缩可以将页面大小减少60-80%,使页面加载速度提高三到四倍。
此插件允许您的WordPress博客输出以gzip格式压缩的页面(如果浏览器支持压缩)。
您还可以从上面提到的W3 Total Cache或虚拟主机控制面板的设置中启用gzip压缩。
您的网站速度有多慢?使用上面列出的工具之一来找出答案。然后尝试一种或多种策略,并再次测试您的速度。然后重复此过程。
我们首选的虚拟主机提供商SiteGround允许您只需点击几下即可使用强大的性能优化技术。他们关于改进WordPress性能的指南包含许多我们在本文中介绍的主题的完整教程,包括缓存、gzip压缩、使用CDN、优化图像和优化WordPress数据库。
哪种优化策略对您的网站影响最大?请在评论中告诉我们。
有几个插件可以显著提高WordPress网站的性能。一些最好的插件包括WP Rocket,这是一个高级插件,提供一系列优化功能,例如缓存、数据库优化和延迟加载。W3 Total Cache是另一个流行的选择,它提供页面缓存、数据库缓存、对象缓存和浏览器缓存等功能。其他值得注意的插件包括WP Super Cache、Autoptimize和用于图像优化的WP Smush。
内容交付网络(CDN)可以通过在世界各地的多个服务器上存储网站的缓存版本来显著提高WordPress网站的性能。当用户访问您的网站时,CDN会从最靠近他们的服务器交付网站,从而减少数据传输时间,从而加快网站速度。
优化WordPress数据库可以显著提高网站的性能。这可以通过定期清理数据库、删除不必要的数据和优化数据库表来实现。像WP-Optimize和WP-Sweep这样的插件可以帮助自动化此过程。
大型、未优化的图像会显著降低WordPress网站的速度。通过优化图像,您可以减小文件大小而不会损失质量,从而缩短页面加载时间。这可以使用WP Smush或EWWW Image Optimizer等插件来实现。
缓存可以通过存储网站的静态版本来显着提高WordPress网站的性能,从而减少对服务器的请求次数,从而加快网站速度。这可以使用W3 Total Cache或WP Super Cache等插件来实现。
压缩CSS和JavaScript文件可以通过减小文件大小以及用户访问网站时需要下载的数据量来提高WordPress网站的性能。这可以使用Autoptimize或WP Rocket等插件来实现。
优化WordPress网站以适应移动设备对于性能和SEO至关重要。这可以通过使用响应式主题、优化图像、启用AMP(加速移动页面)和使用移动友好型插件来实现。
好的虚拟主机提供商可以通过提供快速的服务器速度、可靠的正常运行时间和优秀的客户支持来显着提高WordPress网站的性能。一些流行的WordPress友好型虚拟主机提供商包括SiteGround、Bluehost和WP Engine。
监控WordPress网站的性能对于识别任何问题和进行必要的改进至关重要。这可以使用Google PageSpeed Insights、GTmetrix和Pingdom等工具来实现。
定期更新WordPress网站(包括主题、插件和核心WordPress软件)可以通过确保您拥有最新的功能、错误修复和安全更新来提高网站的性能。在将更新应用于您的实时网站之前,在暂存网站上测试任何更新也很重要,以避免任何潜在问题。
以上是优化WordPress站点性能的10个步骤的详细内容。更多信息请关注PHP中文网其他相关文章!