加速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

  • 2024-08-04
  • WordPress 教学

不喜欢 WordPress 4.3 引入的格式化快捷键?觉得有点烦人?最近,有用户问我们如何在 WordPress 中禁用视觉编辑器格式化快捷键。在本文中,我们将向您展示如何做到这一点。

閱讀更多
  • 2024-07-31
  • WordPress 教学

你在 WordPress 网站上看到 503 服务不可用错误吗?503 错误是因为服务器无法处理请求,通常是由于服务器过载或维护。而这个错误不会告诉你具体原因,这对于初学者来说非常令人沮丧。本文将向你展示如何修复 WordPress 中的 503 服务不可用错误。

閱讀更多
  • 2024-07-30
  • WordPress 教学

管理一个企业需要大量的工作。如果您无法正确维护您的 WordPress 网站,可能会迅速看到流量和销售额下降的现象。幸运的是,您可以聘请虚拟助手 (VA) 来帮助管理您的网站。本文将教您如何聘请 WordPress 虚拟助手,以便您可以专注于业务中最重要的活动。

閱讀更多

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