您可能已经听说过WordPress速度对于SEO的重要性。根据一个strangeloop的案例研究,他们发现即使是一秒钟的延迟也可能让您的销售额减少7%,页面浏览量减少11%,客户满意度降低16%。
那么,您实际上如何加速WordPress呢?我们决定做一个全案例研究,展示我们如何通过优化List25站点来实现这一目标。
概述
List25是由我们创始人Syed Balkhi创办的一个娱乐博客。该站点拥有超过150万的订阅者,YouTube频道的观看次数超过了25亿。
由于站点的内容主要是图片和视频,这些内容占用了大量的带宽,因此总体速度优化对于我们控制成本、减少页面放弃和提升网站停留时间至关重要。
在开始优化之前,根据Pingdom的数据显示,我们的主页加载时间为2.21秒。完成优化后,页面加载时间降至1.21秒(约快45%)。
在这个优化过程中,我们加快了服务器响应时间,改进了页面速度性能评分,减少了请求总数,并提升了整体加载时间。
WordPress主机
拥有一个好的网络主机对于您的网站速度至关重要。随着我们网站的受欢迎程度不断提高,我们的上一个主机(HostGator)已经无法满足需求。它们的服务器无法应对拥有数千万页面浏览量的站点。
我们考察了各种托管的WordPress主机,最终选择了SiteGround,因为它提供了最佳的整体价值。您可以立即看到我们的服务器响应时间的提升,我们从最大442ms的响应时间降低到172ms,提高了256%。
Siteground为特定平台(如WordPress、Joomla和Magento)内置了性能增强器。根据您的站点的具体平台,它们会针对性地优化服务器,从而带来更好的整体性能。
缓存插件
提到加速WordPress,缓存是仅次于网络主机的重要因素。通常,当访客访问您的WordPress站点时,服务器会将PHP请求传递给MySQL数据库,数据库会找到请求的页面,实时生成并显示给访客。这需要大量资源。而使用缓存可以节省时间和资源。
对于List25站点,使用的是SiteGround特别为其客户构建的SiteGround SuperCacher插件。此外,它们还使用Varnish(其性能增强器的一部分)提供了高级动态缓存选项。
CDN
内容分发网络(CDN)可以帮助您提升网站速度。从List25创建开始,我们就一直在使用MaxCDN,因此这一部分并未改变。
合并文件以减少HTTP请求
随着您添加更多插件,通常它们会添加自己的JavaScript和CSS文件。每个额外的文件都是一个新的HTTP请求。
我们将这些JavaScript和CSS文件分别合并为单个文件,以减少请求并加速加载时间。
图片精灵
我们用了一个图片精灵,将多个社交和站点图标合并为一个图片。当我们需要显示特定图标时,会使用CSS来加载该图标。
代码缩小化
代码缩小化涉及移除空格和换行,以减小文件大小,使其在请求时更快加载。
图片优化
我们在两个方面优化了图片:我们的WordPress主题和上传的内容。对于我们的WordPress主题,我们使用CodeKit确保所有图片被无损压缩。
无JavaScript社交分享
社交分享对于List25和其他任何网站一样重要。然而,社交分享插件可能会显著减慢您的站点速度。我们通过移动到一个几乎不使用JavaScript的解决方案来解决这个问题。
结果
我们显著提升了站点速度,加载时间从2.2秒缩短到1.22秒。
结论
如您所见,一个加载更快的网站可以提升访客的参与度。我们讨论的技术涵盖了一系列可实现的基础和中级改进,以优化您的WordPress站点。