加速wordPress：我们如何将清单25的性能优化了256%

你想提高你的wordpress网站的速度吗？想知道可以帮助您减少站点加载时间的wordpress优化技巧吗？在这篇文章中，我们将向你展示如何通过分享我们如何优化我们的清单25站点来提高性能来加速wordpress。

你可能听说过WordPress的速度对搜索引擎优化很重要。速度更快的网站有更好的用户参与度、更多的页面浏览量和更好的销售.在Strangeloop的一个案例研究中，他们发现，一秒钟的延迟可能会导致7%的销售额损失，11%的页面浏览量减少，16%的客户满意度下降。

那么，你实际上是如何提高wordpress的速度的呢？

我们决定做一个完整的案例研究，向您展示我们的清单25站点的结果以及我们是如何完成所有这些的，而不是仅仅分享一个速度提示列表。

概述

清单25是我们的创始人Syed Balkhi创办的一个娱乐博客.该网站有超过150万订户，Youtube频道有超过四分之一的订户10亿视图.

网站上的内容主要是图片和视频，占用了数TB的带宽，因此整体速度优化对我们降低成本、减少页面丢弃和改善网站时间至关重要。

在我们开始优化之前，我们的主页花了2.21秒才根据Pingom加载.完成后，我们的页面加载时间降至1.21秒(速度提高约45%)那就是。

在此优化过程中，我们能够加快服务器响应时间，提高页面速度性能得分，减少总请求数，并改善整体加载时间.

让我们来看看帮助我们提高WordPress站点速度的优化技术。

WordPress主机

拥有一个好的网络主机对你的网站速度至关重要.随着我们的网站变得越来越受欢迎，我们的增长速度超过了之前的托管公司(HostGator)。

他们的服务器根本无法处理这么大的站点，因为清单25接收了数千万的页面浏览量。Hostgator对于较小的网站来说很棒，但对于这种规模的网站来说就不是了。

我们研究了各种托管WordPress托管选项，最终使用Site环游托管清单25，因为它们为该站点提供了最佳的整体价值。

您可以立即看到我们服务器响应时间的改进.我们的最大响应时间从442毫秒缩短到了172毫秒.这是256%的改进。

Siteground已经为WordPress、Joomla和Magento等特定平台构建了性能助推器。根据您站点的平台，他们特别优化了您的服务器，从而获得更好的整体性能.

我们写了一篇关于什么时候应该更换虚拟主机的文章，其中谈到了7个关键指标。

如果你想换个主机，那么一定要试一试网站环球网。塔克网用户在托管+免费域名上获得独家60%的折扣。

缓存插件

说到提高WordPress的速度，缓存是仅次于你的虚拟主机的第二大因素。

通常，当访问者访问您的wordpress站点时，您的服务器会将php请求传递给mysql数据库，mysql数据库会找到所请求的页面，动态生成该页面，并将其显示给访问者。这会占用大量资源.当您拥有缓存时，它可以节省时间和资源.

下图突出显示了这一过程.在外行术语中，可以将缓存视为创建帮助您更快访问文件的桌面快捷方式.

对于清单25的站点，我们使用的是Site Ground SuperCacher，这是他们专门为客户构建的插件。最重要的是，他们添加了使用varish的高级动态缓存选项(性能增强器的一部分)。

如果你不在Siteground，那就别担心.你可以在你的WordPress站点上设置缓存，使用众多可用的解决方案中的一个，比如W3总缓存或WP超级缓存。

在塔克网，我们使用的是W3Total缓存，它提供了许多页面缓存选项、数据库缓存和对象缓存。

随着越来越多的托管公司专注于wordpress，我们将看到更多的定制缓存解决方案。Pagely和WPEngine也提供了自己的内置缓存系统.

CDN

内容分发网络(CDN)可以帮助您提高网站速度.我们从清单25中开始就一直使用MaxCDN，所以这一部分没有改变.

我们已经写了一篇完整的文章，介绍了什么是cdn，以及为什么你需要它以及一张信息图。

Cdn允许我们为来自内容交付网络的所有css、JAVA脚本和图像提供服务。它的工作原理是确定网站访问者的位置，并从离访问者最近的服务器上提供内容.

如果您不需要高级CDN解决方案，那么您可以使用云耀斑。

合并文件以减少HTTPS请求

当你添加更多的插件时，他们通常会添加他们自己的脚本和css文件。每个额外的文件都是一个新的Http请求。

我们将这些脚本和css文件合并到单个文件中，以减少请求并加快加载速度。你可以在WordPress插件如何影响加载时间上看到更多关于这方面的细节。

虽然我们现在正在加载一些在站点的特定部分可能不需要的小功能，但这些代码缓存在CDN上，结果表明，较少的文件请求比加载几个较小的JS文件提供了更好的性能.

这是你必须定期做的事情，因为你使用的插件会随着时间的推移而改变.

图像精灵

我们使用了一个图像精灵，它将几个社交和网站图标组合成一个单独的图像：

每当我们需要显示特定图标时，我们都会使用css来：

例如，要加载侧边栏的社交媒体图标，我们使用：

因此，只有对该图像文件的第一个请求使用带宽.后续对CDN的图片请求将导致缓存的(通常是本地的)版本被加载，并且只需要请求一张图片而不是6个不同的社交图标。

通过将脚本、css和图像结合在一起，我们显著减少了请求数量。

代码缩略

代码缩小化包括删除空格和换行符以减小文件大小，从而在请求时更快地加载.

对于清单25、我们使用SCSS、这是一个基于语法的样式表(SASS简介)。这使我们能够以易于阅读的布局跨多个开发领域构建我们的css文件：

然后，我们使用CodeKit将scss文件编译为单个css文件。代码套件还删除了空格和换行符，以确保文件尽可能小：

因此，我们能够将我们的css文件大小减少为28%。

图像优化

我们在两个方面优化了图片:我们的WordPress主题和上传的内容。

对于我们的WordPress主题，我们使用CodeKit来确保所有图像都被无损压缩。这可确保文件大小尽可能小，且不会降低质量.

我们还教育了我们所有的作者，让他们知道保存针对网络优化的图像的重要性.请参阅我们的指南，了解如何保存针对WEB进行优化的图像.

免费的社交分享

与其他任何网站一样，清单25的社交分享非常重要。然而，社交分享插件会显著降低你的网站速度.

虽然在我们的测试中，整合这四个社交网络的脚本并没有影响页面加载时间，但当在移动设备上查看时，它明显降低了网站的速度.社交分享按钮需要几秒钟才能出现，尽管脚本是异步加载的，导致当按钮加载到视图中时，帖子内容会四处移动.

为了解决这个问题，我们转向了(几乎)无脚本的解决方案.社交网络的每个分享按钮都是由我们定制的wordPress插件呈现的，主题的Java脚本只用于在用户单击按钮时打开WEB浏览器窗口。

然而，我们仍然希望显示一篇帖子在所有社交网络上的总分享数量.为了做到这一点，我们制作了一个小型的定制WordPress插件来检索每个社交网络的社交份额计数，并将其缓存到POST元表中。这些计数每24小时更新一次，确保耗时的查询不会一直运行.

您可以使用像Sharre这样的api，也可以解析浮动的社交酒吧进行定制。

这个新的分享插件使用了Pingom的朗姆酒(真实用户监控)，将“真正的”页面加载时间从6秒减少到了2秒多一点.它还确保我们减少了对第三方脚本的请求数量.

结果

我们显著提高了网站的速度.加载时间从2.2秒缩短到1.22秒。

我们能够显著缩短服务器响应时间.

这有助于减少谷歌机器人下载页面所花费的时间，从而提高我们的爬行率。

我们的总体退货率下降了7%，因为网站的加载速度更快，而且通过切换主机，我们能够减少服务器错误。

正如你可以想象的，随着弹跳率的降低，花在网站上的时间也增加了30秒以上。

结论

正如你所看到的，加载速度更快的网站可以提高访问者的参与度.我们讨论的技术已经涵盖了一系列基本的和中间的改进，您可以实现这些改进来优化您的WordPress站点。

我们希望这篇文章能帮助你提高WordPress站点的速度。你可能也想看看我们关于2015年年20个必有wordpress插件的文章。

而且..

标签：如何将清单性能WordPress