如何加速 WordPress 中的滑块革命
动态内容自然会带来性能下降.在本文中，了解如何优化 Slider Revolution 以创建既美观又高效的动画.
专业级视觉效果看起来令人惊叹且反应灵敏，但通常会降低页面速度.
但是不用担心，您很快就会看到，借助内置的 Slider Revolution 设置以及我们的 Smush、Hummingbird 和托管，拥有两全其美(嘶嘶声，没有减速)是多么容易工具.
向前跳过.
随意跳到我们将要讨论的任何主题:
Slider Revolution，Dragster 还是 Drag?
ThemePunch 的 Slider Revolution 为 WordPress 提供了超过 200 个模板、2000 个元素和 25 个加上附加组件.
它也是具有竞争力的价格，并且他们提供一次性费用的终身访问.
这在一个包中的可能性很大.但我们之前曾被重量级击球手拖延页面速度所困扰.
不过不用担心，我们已经找到了解决方案.
使用我们久经考验的真实方法，您将恢复到比千年隼制造 Kessel Run 时更快的速度.?
我们的性能测试指南
为了让我们的测试有价值，我们必须制定一套基本规则和指导方针.它们如下:
参数
- 我们将使用一个干净的基础，也就是说，我们的网站将建立在全新的 WordPress 安装上.
- 在初始设置后，我们的外观配置和选项将保持不变.
- 托管是通过 WPMU DEV 托管 WordPress 托管(青铜计划).
- 甲板上的插件是 Slider Revolution (SR)、Smush 和 蜂鸟*.
(如果您使用我们的托管服务，您还将拥有 WPMU DEV Dashboard 插件，因为它会自动安装在我们托管的网站上.) - 速度测试将通过两个站点进行
- Google PageSpeed Insights (GPSI)
- GTmetrix (GTM)，使用以下默认值:
- 服务器位置(加拿大温哥华)
- 浏览器(Chrome 桌面)
- 在进行速度测试时，我连续跑了三遍，中间的数字作为我的记录分数.
程序
- 安装滑块革命；应用模板/模块
(成本相关，滑块革命) - 调整 SR 的文件大小优化功能
(成本相关，滑块革命) - 安装 Smush；优化设置(免费插件)
- 安装蜂鸟；优化设置(免费插件)
- 在蜂鸟中打开 CDN
(相关费用，Hummingbird Pro) - 在集线器中打开 FastCGI
(相关费用，WPMU DEV 托管) - 在上述每个步骤后运行速度测试(免费网站)
详情
专业版 Smush & 蜂鸟将安装在 WPMU DEV 托管的网站上.
为了反映插件的非专业版本，我的初始测试是在禁用专业功能的情况下进行的*.
蜂鸟优化在网站上使用不同类型的缓存和压缩功能.Page、Gravatar 和 RSS 缓存被禁用.
WPMU DEV 默认开启浏览器缓存和 GZip 压缩；这是大多数主机的标准.这些将在我们的测试期间保持开启状态，因为我们无法在不影响其他设置的情况下关闭它们.
正如我们在优化系列的其他文章中提到的，请注意，由于每个元素固有的差异，没有人会得到相同的结果.
地理区域、媒体库大小、托管服务提供商——所有这些都使用非常不同的笔触来绘制图片的一部分.
无论您的特定站点环境如何，您都一定会看到此过程的显着改进.
我们追求美丽和强壮，所以Slider Revolution不仅在视觉上令人惊叹，而且是一个功能强大且飞行速度快的网站.
如何在不放缓的情况下发出嘶嘶声
首先，让我们在一个没有其他页面、帖子等的新 WP 站点上安装 Slider Revolution.
安装后，从 SR 仪表板中选择一个模板中的新模块.我选择了"迷你网站"，这需要添加粒子效果插件.
我调整了一些设置，以稍微个性化内容.你可以在这里玩很多东西，我可能会迷路几个小时.
但是要处理手头的任务！快速复制 &粘贴短代码，我的登陆页面发生了革命性的变化.:)
你怎么样?
是时候开始我们的初始速度测试了.
目前有一个文件大小优化器功能融入到 Slider Revolution 中.我们会尝试一下，看看它是否会给我们带来冲击.
文件优化屏幕列出了可以优化的模块图像，以及一个用于进行调整的滑块.(请参阅 SR 文件大小优化器文档.)
进行一些调整后，让我们进行速度测试以检查是否有改进.
这方面有一些改进，我们将跟进一些令人兴奋的消息:
我们从 ThemePunch 获得了很好的授权，即 Slider Revolution 的下一个版本将内置对 Smush 的优化！ (关注 ThemePunch 了解更多相关信息.)
有一些总体技巧和调整可以让您大步前进，我们稍后会介绍.
但要使用 Slider Revolution 真正提高您的网站速度，您最好使用高质量的托管和专为优化设计的插件.
通过合并 Smush 和 Hummingbird，我们世界一流的(免费的！)优化插件，您很快就会有页面速度嗡嗡声.
让我们安装并激活 Smush.
导航到 Smush 仪表板后，您应该会看到快速设置向导.这些设置包括:自动压缩、EXIF 元数据、全尺寸图像、延迟加载和使用数据.
以下是每个功能的作用:
- 自动压缩 ― 自动优化新上传的图片，因此您无需手动执行每一项操作.
- EXIF 元数据 ― 从图像中去除相机设置，有助于减小文件大小.(别担心；它不会剥离 SEO 元数据).
- 全尺寸图像― 压缩您的原始全尺寸图像.(注意:它默认存储您原件的副本，以防您想恢复原件.此功能仅适用于 Pro.)
- 延迟加载 ― 停止加载屏幕外图像，直到访问者滚动到它们为止.
- 使用数据 ― 让我们的设计师深入了解哪些功能需要改进.(您的个人数据将被跟踪.)
继续浏览每个屏幕，保留默认设置.(允许使用数据将有助于该插件未来版本的功能，但如果您对选择加入有任何疑虑，请将其关闭.)
向导完成后，仪表板将反映可以使用压缩的图像数量.点击Bulk Smush Now按钮激活她的超能力.
Smush 女士，我们的图片优化统计数据现在是什么样的?
让我们看看这减轻了多少(页面)负载，然后再次进行速度测试.
是时候把事情推向高潮了，让蜂鸟飞到现场.
安装并激活 Hummingbird 后，转到仪表板将激活另一个快速设置向导.她会建议进行性能测试，这正是我们想要做的.
测试完成后，您会收到通知通知.仪表板向我们显示了性能测试的分数.
Hummingbird 显示在性能测试期间评分的分数指标列表.
对于某些性能问题，可以激活或调整 Hummingbird 自己的功能来解决这些问题.
在其他情况下，Hummingbird 会识别问题，并在单独的插件(例如，Smush Pro)中进行修复.
如果插件不是最佳解决方案，并且需要进行一些代码编辑，Hummingbird 会提供有关如何修复它的具体说明.
称为审核的其他指标将问题分为机会、诊断和通过的审核
机会基本上是用颜色编码的警报.黄色表示轻度至中度问题，红色表示与其他网站相比，该问题对性能的影响更大.
在这次绩效评估中，Hummingbird 表示我在机会中有一个项目.这只是一个例子，影响不大，但我还是要解决它.
要解决机会，请点击任何提醒行，它会显示:
- 问题的详细描述
- 涉及的特定资产清单
- 有关如何解决问题的分步说明
我有 19 个通过审核(太棒了！).审核可以详细了解您网站性能的各个方面.
即使通过的审核也对列出的每个项目进行了解释和修复.同样，此信息可通过相应行的箭头下拉菜单访问.
最后，我有三个诊断.这些提供了有关您的网页如何遵守网络开发最佳实践的更多信息.
要解决任何诊断，请单击标题下方右侧的下拉箭头，然后按照如何修复下方提供的说明进行操作.
完成所有修复后，让 Hummingbird 再运行一次性能测试，以便我们检查分数改进情况.
现在我们将进行一些资产优化.从左侧菜单栏中，选择资产优化.点击自动，并确保快速滑块开启.
此设置不仅会压缩您的文件，还会自动将较小的文件组合在一起，这有助于减少页面加载时发出的请求数量.
请注意:当您处于自动模式时，Hummingbird 会自动检测新添加的插件和主题文件并为您优化它们，但不会从插件或主题中删除任何旧文件已删除.
这是为了避免冲突和问题，以及为什么建议偶尔重新检查文件-以便一切保持同步.
好的，是时候进行一些速度测试了.
好成绩！我们还可以使用另一个工具……让我们打开 Hummingbird 中的 CDN .
从同一资产优化页面，将WPMU DEV CDN 滑块移动到ON (它会变成蓝色).
让我们再次进行速度测试.
我们可以在这里完成并成为非常快乐的露营者.但是，我将通过我的 WPMU DEV 托管 调整设置，再增加一个日志.
通过 WPMU DEV 的托管中心开启 FastCGI.
Bustin 的这一举动值得新一轮的考试成绩！
我想我们已经赢得了胜利圈！！在我被方格旗冲昏头脑之前，我想分享一个关于继续测试的认真想法.
如果我们随机进行速度测试，预计会有轻微的差异，因为没有一个元素是真正静态的.
但除非在极端情况下，您应该不会看到页面加载时间有任何显着下降，我们已经进行了所有调整.
使滑块革命(ary)速度增益
Slider Revolution 绝对是令人赏心悦目的糖果(设计师别致的品种，而不是泡泡糖分配器渣滓).他们的定价合理，并根据将要使用的网站数量进行分级.
如果您想让下巴下垂并因强大的视觉效果而被人们记住，又不想放弃宝贵的页面加载速度，滑块革命-使用Smush 进行了优化& 蜂鸟 – 可以让您两全其美.
它不仅会给人留下深刻印象，而且页面加载速度也会飞速发展，为您的用户提供一流的体验.
正如我之前提到的，在您的网站上获得和保持最佳速度时，您应该始终考虑一些组件.
他们是:
- 在您的主题设计中更加简约
(你可以随意，只是不要过度填充内容，影响速度.) - 删除旧的或不再使用的插件
- 启用缓存(浏览器、页面和RSS)
- 缩小和延迟 CSS & JavaScript
- 使用 CDN
- 修复损坏的链接
- 优化您的图片
- 更新您的托管计划
最后一个真的可以改变白天和黑夜.
确保您的托管服务提供商享有良好的声誉，并且速度快且可靠.(WPMU DEV 托管计划提供可靠、完全专用的 WordPress 站点托管，由 Digital Ocean 提供支持.)
关于CDN 的快速说明，因为它适用于我们的插件:图像 CDN 的设置位于 Smush Pro，而网络对象设置位于 蜂鸟专业版.
现在您可以高枕无忧了，而您的网站却在飞速运转.啊……感觉真好.
