javascript - WordPress 网站缩小 Javascript 和 CSS

Question

我希望您能为我提供有关此主题的更多见解。我目前正在开发的网站的页面速度测试成绩很糟糕。不及格的成绩之一是外部 JavaScript 文件。这告诉我合并这些文件来解决这个问题。我正在犹豫是否继续这样做，因为 JS 文件与插件相关联。请提供一些您认为最佳方法的反馈。谢谢。

1. 无论是哪个插件，都将所有的JS文件合二为一，存放在根目录下。

2. 仅组合与每个指定插件相关的 JS 文件

3. 使用 WordPress Minify 插件来完成工作。

选项一我很紧张，一旦更新插件，它可能会崩溃。由于画廊的 slider 动画很重，因此无法发生这种情况，无法承受停机时间。

选项二似乎是最合乎逻辑的方法。但是，这会对更新插件产生什么影响

选项三似乎好得令人难以置信。如果是的话，请分享一些您已成功使用的插件。

Answer 1

确实，WP 运行缓慢的原因是因为第三方插件很容易使其变得臃肿。根据我的经验，在更容易编写自己的代码之前，你只能摆弄其他人的代码，尤其是在像 WP 一样频繁更新的生态系统中。

我不建议尝试手动组合文件，除非您知道每个已安装插件中的每段代码的作用以及文件如何包含在后台中。此外，您的所有工作都将在下一次插件更新时被覆盖。

理想情况下，我要做的就是寻找导致代码膨胀最多的插件(你知道，那些带有所有不错的插件、集成、皮肤和布局的插件以及功能，但您实际上只用它来在联系页面上显示单个小部件 - 我们都有一个)并推出我自己的轻量级解决方案，以便我可以完全删除插件。

如果由于缺乏时间/金钱/耐心/兴趣而无法做到这一点，那么最好的选择是使用缩小器或“页脚脚本”插件至少移动缓慢填充渲染线。

并且不要忘记:最后，不要以在页面速度测试(如 Google 的测试)中获得更高分数为目标，而以获得适合您的内容和用户的加载时间为目标。