如何加速 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 文件大小优化器文档.)
进行一些调整后,让我们进行速度测试以检查是否有改进.