你不想要一个缓慢的网站。潜在访问者可能会在您的页面完成加载之前离开。而且你会在搜索结果中受到惩罚,这意味着更少的流量。
您希望您的网页在两秒或更短的时间内加载完毕。你如何做到这一点?一步一步来。
在本文中,我们介绍了您可以优化以加快WordPress网站速度的项目列表。
您的网站可能不会让您感觉缓慢。您的浏览器很可能已经缓存了它,因此您不会像新访问者那样体验它。
以下是一些服务,它们会告诉您页面加载需要多长时间,并告诉您页面的整体文件大小:
GTmetrixYSlowGooglePageSpeedInsightsPingdom
在调整网站性能之前和之后检查网站的速度。如果您可以在两秒钟内加载您的页面,那么您做得很好。
记录你采取的每一步有多少不同。最大的不同是什么?
加速托管在慢速服务器上的网站是不可能的。选择合适的托管服务提供商是拥有快速加载网站的第一个重要步骤。
您如何选择一家将速度放在首位的公司?在选择托管服务提供商的终极指南中查看我们的性能清单。
SitePoint最近与SiteGround合作,成为我们官方推荐的主机。凭借遍布多个大陆的服务器以及最新SSD硬件、内部缓存工具和免费CDN服务的使用,SiteGround提供并在加速方面投入巨资。他们灵活的服务器支持PHP7和HTTP/2,并且他们有持续的软件和硬件更新。
首先,使用快速主题。具有很多选项的主题使您的工作更轻松,但代价是使Web服务器和浏览器更努力地工作。一些WordPress主题的大小为兆字节,从而增加了页面加载时间。
您不使用的每个功能都会无缘无故地减慢您的网站速度。如果您愿意调整代码,请选择选项较少的主题来加速您的网站。
默认的WordPress主题易于调整、轻量级且编码良好。考虑使用一个,或者自己调整代码,或者聘请开发人员。Thesis和Schema是另外两个优先考虑性能的主题。
进一步阅读:
什么是最好的WordPress主题?9个最受欢迎的免费WordPress主题如何使用基本主题和Elementor设计一个完整的WordPress网站
其次,使用响应式设计。这些为移动设备加载更少的资源,或为桌面显示指定高分辨率图像。移动用户不必下载巨大的图像,而桌面用户不必眯着眼睛看着微小的图像。
响应式网站也是谷歌的首选,所以一旦你切换,预计搜索引擎优化会略有提升。
首先,尽量减少使用的插件数量。在安装任何插件之前,请询问是否真的有必要。安装大量插件不会对您网站的速度产生巨大影响,但会增加安装不良插件的风险。
其次,确保您的插件针对当前版本的WordPress进行了优化。在安装插件之前进行一些研究,特别是如果它被评为三星或更低。它可能开发不善,或者使用了不合适的钩子。这会降低您的网站速度,还可能对WordPress和您的其他插件产生不利影响。保持插件更新以确保您拥有最新的性能改进、安全补丁和功能也很重要。
您的小部件应尽可能轻巧且易于加载。有些在渲染时会加载外部JavaScript或CSS。这对于Facebook、Twitter和Google+的社交网络小部件很常见。
如果小部件不太可能经常更新,请将其直接上传到您的服务器。通过不必依赖外部服务器,您将缩短网站的加载时间。
首先,使用gzip压缩静态内容。压缩文件更小,因此显然加载速度更快。
如果您在共享服务器上,最好的选择是直接从cPanel启用gzip压缩(如果您的主机为您提供)。您可以使用W3TotalCache之类的插件启用gzip压缩。我们将在下一篇文章中介绍插件。
其次,使用CDN减轻Web服务器的负载。您的静态资源(如图像、脚本和CSS文件)将由全球优化的内容交付网络服务器提供服务——通常是离您的访问者最近的服务器。您的网络服务器将被释放以服务您网站的其余部分,从而提高性能。
理想情况下,寻找在其托管计划中提供CDN的网络主机,例如SiteGround。还有很多CDN网络:
AmazonS3MaxCDNMediaTempleCDNCloudflareFreeCDN
这些与我们将在下一次介绍的缓存插件一起使用。
以下是有关CloudFront的进一步阅读:
使用CloudFront进行动态图像传输
图片是您网站中较重的元素之一:它们占网络内容的65%以上。有几种方法可以优化您上传的图像。
首先,指定缩略图、中型和大型图像的最大图像尺寸。您可以在设置/媒体中找到这些选项。如果您上传1024px的图片,而您的内容区域只有604px宽,则图片将使用CSS缩小。生成的预调整大小的604像素宽图像将显着减小下载。
第二,把它弄脏!这种技术无损地减小图像文件的大小,而无需调整它们的大小或降低它们的质量。虽然Yahoo几年前终止了Smush.it服务,但还有其他替代品,例如reSmush.it和一些我们将在下一篇文章中介绍的插件。
第三,采用延迟加载。这种技术对于图像密集的站点是有效的。图像仅在它们变得可见时才加载,而不是在页面最初加载时加载。这可以显着加快页面加载时间,尽管在滚动到视图时显示图像会有延迟。
进一步阅读:
延迟加载图像以提高网站性能的五种技术
第四,为您的网站选择最佳的图像格式。一些图像格式更容易使用,而另一些则更小。例如,可扩展的SVG文件大小更小,尤其是当您针对Web优化它们并使用gzip压缩它们时。
在此处了解各种图像格式的优缺点:
您网站的正确图像格式是什么?使用SVG图像对您网站的性能有好处吗?
第五,使用CSS精灵。通过将大量小主题和杂项图像组合成尽可能少的图像来提高性能。在此处了解更多信息:
CSS精灵如何使用SVG图像精灵
最后,查看优化图像的综合概述:
为WordPress优化图像
WordPress页面从MySQL数据库加载。随着时间的推移,数据库可能包含很多您不再需要的信息。优化您的数据库会删除这些信息并提高性能。
您可以直接从phpMyAdmin优化您的数据库。您还可以使用插件对其进行优化。我们将在下一篇文章中介绍这些内容。
缓存在优化高流量站点方面非常有效。每次加载WordPress页面时,都会从您的数据库和CSS文件中检索信息,并将其组合成一个HTML文件,该文件可以加载到访问者的浏览器中。这需要时间。
缓存使这些HTML文件可供未来的访问者使用,从而节省大量时间。我们将在下一篇文章中介绍缓存插件。
通过定期维护,让您的WordPress网站保持最佳状态。一些维护程序可以显着加快速度,特别是:
使WordPress和您的插件保持最新。删除旧的帖子修订。删除垃圾评论。
在此处了解如何执行这些操作以及更多内容:
您的常规WordPress维护清单。
对于许多优化任务,有一些WordPress插件可以为您完成繁重的工作。我们已经涵盖了涵盖所有基础的八个最佳插件。我们还列出了近两打备选方案,以便您探索最适合您需求的备选方案。深入了解对您的网站产生最大影响的因素。
如果您遵循我们的WordPress维护清单,您可能已经在使用其中一些插件。保持!这种垃圾将继续积累。
费用:免费活跃安装:1+百万
这个插件使用缓存提供了简单的Web性能优化(WPO)——将帖子和页面缓存到内存或磁盘、提要缓存、搜索结果页面、数据库对象以及缩小的CSS和Javascript文件。为了充分利用它,请花一些时间仔细配置它。
W3TotalCache还可以与您的CDN(如Cloudflare或MaxCDN)一起使用,以进一步缩短加载时间。
W3TotalCache通过提高网站性能、通过内容交付网络(CDN)集成等功能减少下载时间来改善您网站的SEO和用户体验。
替代缓存插件包括WPSuperCache、HyperCache、WPFastestCache和CacheEnabler。
如果您不想使用插件,一个不错的选择是寻找可以为您进行缓存的托管服务提供商。我们的合作伙伴SiteGround拥有内部开发的出色缓存工具,可帮助您大幅提高网站速度。
费用:免费活跃安装:600,000+
这个免费的插件将通过单击一个按钮优化您的WordPress数据库,或者使用其内置的调度程序自动优化。垃圾评论、帖子修订和其他垃圾项目等冗余信息将从您的mySQL数据库中清除,从而加快您的网站加载速度。
WP-Optimize是一种自动清理WordPress数据库的有效工具,以便它以最高效率运行。
替代数据库优化插件包括删除修订后优化数据库、WPCleanup、WPOptimize、WPDatabaseCleaner和WP-DBManager。
费用:免费活跃安装:300,000+
结构不佳的CSS和HTML会导致网站运行缓慢和流量丢失。这个插件扫描和调整你的网站,“缩小”和删除冗余代码。
为防止兼容性冲突,Autooptimize可以忽略您的其他插件。它还可以强制您的插件以特定顺序运行。通过对此进行试验,您也许可以大大缩短加载时间。
自动优化使优化您的网站变得非常容易。它连接所有脚本和样式,缩小和压缩它们,添加过期标题,缓存它们,并将样式移动到页面头部,并且可以将脚本移动到页脚。
缩小的替代插件包括WPSuperMinify和BetterWordPressMinify。
费用:免费活跃安装:100,000+
不良插件会对您网站的性能产生不利影响。P3会评估你的。它将识别对您网站的加载时间影响最大?的插件,并将它们显示在饼图中,以便您轻松查看哪些调整会产生最大的不同。
此插件通过测量它们对您网站加载时间的影响来创建您的WordPress网站插件性能的配置文件。通常,由于插件配置不当或插件太多,WordPress网站加载缓慢。通过使用P3插件,您可以缩小导致网站运行缓慢的任何因素。
与插件相关的替代插件包括PluginOrganizer。
费用:每月19美元起免费和保费活跃安装:700,000+
该插件通过从JPEG文件中去除元数据、优化JPEG压缩、将某些GIF转换为索引的PNG以及从索引图像中去除未使用的颜色来压缩图像。您可以将其设置为在将新图像上传到您的站点时自动压缩它们。
WPSmush速度很快,并且表现良好。文件使用专用服务器压缩,站点性能工具GTmetrix.com推荐使用。
使用WPMUDEV的超级团队为您带来的功能强大且100%免费的WordPress图像压缩器,调整、优化和压缩所有图像的大小!
替代图像压缩插件包括EWWWImageOptimizer、Imagify、KrakenImageOptimizer、ShortPixelImageOptimizer和CWImageOptimizer。
费用:免费活跃安装:90,000+
该插件确保仅在折叠上方可见时才加载图像。它不需要配置并且开箱即用。
延迟加载图像以改善页面加载时间。使用jQuery.sonar仅在图像在视口中可见时才加载图像。
替代延迟加载插件包括jQueryImageLazyLoadWP、BJLazyLoad、RocketLazyLoad、UnveilLazyLoad和LazyLoadforVideos。
费用:免费活跃安装:100,000+
这个免费插件不是提供无损压缩,而是自动将图像大小调整为更“健全”的分辨率。它能够设置图像的最大宽度、高度和质量,并且可以将BMP文件转换为JPG。
Imsanity会自动将上传的巨大图像调整为更适合在浏览器中显示的大小,但对于典型的网站使用来说仍然足够大。该插件可配置最大宽度、高度和质量。
费用:免费活跃安装:5,000+
此插件以gzip格式压缩您的页面(如果浏览器支持压缩页面)。HTTP压缩可以将页面大小减少60-80%,使页面加载速度提高三到四倍。
如果浏览器支持压缩,此插件允许您的WordPress博客输出以gzip格式压缩的页面。
您还可以从上面提到的W3TotalCache或在您的网络主机控制面板的设置中启用gzip压缩。
清空你的垃圾。您的数据库中可能有很多垃圾会降低您网站的性能。默认情况下,WordPress会在三十天后自动删除垃圾箱。您可以从仪表板手动清空垃圾箱,我们将在下一篇文章中分享一些有用的插件。通过删除所有不必要的数据来缩小JavaScript和CSS文件。CSSMinifier列出了一些可以帮助您做到这一点的工具。关闭引用和引用。每次有人提到您的网站时,它们都会使用服务器和数据库资源。关闭设置(来自WordPress的讨论设置)不会破坏反向链接,只会破坏生成的工作。
你的网站有多慢?使用上面列出的工具之一来找出答案。然后尝试一种或多种策略并再次测试您的速度。然后重复。