五个步骤减少JavaScript文件数量

最小化使用JavaScript

使用JavaScript对您的网站来说可能是一个很大的资产。它可以帮助您实现视觉效果和特殊功能。换句话说，它可以丰富您的网站。但是您知道吗，使用过多的JavaScript会大大降低您的页面速度，尤其是当它们体积较大并且必须从多个单独的文件加载时？

很容易看到问题

如果您使用WordPress作为您的网站，并尝试了所有可用的性能插件和服务器应用程序来提高页面速度，您经常得出结论，您能够一点一点地加快您的网站速度，但网站通常仍然有平均的加载时间。想一想，如果您尝试从您的网站中移除所有JavaScript文件会怎样？这样做，您会很快看到您的WordPress网站的页面速度会成倍增加。有趣的是，WordPress主题使用的一些JavaScript文件甚至不需要正确显示页面。例如，大多数WordPress网站甚至不使用Jquery库文件。然而，这个文件在所有WordPress安装中都是标准加载的，还有其他几个未使用的JavaScript文件，这大大减慢了网站速度。此外，有时大型JavaScript用于小的视觉效果或网站功能，网站可以在没有这些功能的情况下运行良好，或者可以很容易地用CSS替换。在某些情况下，您可以简单地完全移除视觉效果和功能（大多数人真的不在乎您的视觉效果和很酷的网站功能，他们更关心快速浏览您的网站并获得他们想要的信息）。

JavaScript文件如何影响网站性能？

每次您的网站加载一个JavaScript文件时，它都会创建一个新的HTTP请求来加载和分析文件，然后才能渲染您的HTML页面。文件越大，您拥有的文件越多，浏览器完成加载您的网页所需的时间就越长。要了解有关JavaScript文件数量（及其大小）在您的网站上加载的更多信息，您可以使用网站速度测试来测试您的网站。

这是否意味着我应该总是移除所有JavaScript？

不。某些JavaScript对于正确显示您的网页是100%必要的。它们需要用于某些网站功能，用于广告或其他重要目的。有时您就是不能没有它们。

从您的网站移除JavaScript文件的最佳方法

打开您网页的源代码，首先制作一个备份副本。

一旦完成此操作，在源代码中进行.js搜索以找到您的网页加载的所有JavaScript文件（大多数JavaScript文件是从页头或页脚加载的）。

一旦找到所有JavaScript文件，尝试一次移除所有文件，并检查您的网页是否仍然按您想要的方式工作。

当它不工作时，使用您备份副本中的代码，尝试逐个移除每个JavaScript，以查看它对您的页面有什么影响。

当它有负面影响时，不要移除脚本，当您的网页在没有它的情况下加载正常时，您可以省略JavaScript文件。

内联较小的JavaScript

当您的网页只加载几个小的JavaScript文件时，您应该尝试内联它们。内联脚本最适合页面速度。

将所有JavaScript文件合并为一个文件

为了最小化HTTP请求的数量，您应该尝试将所有JavaScript文件的内容合并为一个更大的文件。但是，这并不总是适用于每个JavaScript文件。尝试看看它对您的网站有什么效果。

延迟加载较大的JavaScript文件

当您的网站加载较大的JavaScript文件并且您不能没有它们时，建议延迟加载这些脚本。