加速WordPress:我们如何优化List25性能提高256%

01/21/2024

您可能已经听说过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站点。



Related Posts

  • 2025-02-16
  • WordPress 教学

你是否想过,能不能用更引人注目的方式取代WooCommerce中基本的促销徽章?答案是肯定的!通过自定义产品徽章,你可以在在线商店中突出新产品、折扣商品或限时优惠。在这篇文章中,我们将展示给你两个简单的方法,使用强大的插件或添加简单代码来为你的WooCommerce商店添加自定义产品徽章。

閱讀更多
  • 2025-01-18
  • WordPress 教学

我们都知道推荐计划是强大的武器。但要找到真正的品牌代言者并不容易。许多计划吸引的只是想快速赚钱的人,导致非真实的推广,无法有效转化客户。幸好,作为 WooCommerce 商店的店主,您有一个巨大的优势:一群真正喜爱和使用您产品的内置客户群。通过将这些现有客户转化为推广合伙人,您可以释放真实口碑营销的力量。

閱讀更多
  • 2025-01-10
  • WordPress 教学

最近,我们的一位比利时读者在其在线商店中苦于销售增长缓慢。除了其他建议外,我们建议他们在网站上设置Bancontact支付。Bancontact是一种主要在比利时使用的流行支付系统,客户可以通过银行账户进行安全的实时支付。

閱讀更多

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
>