Javascript 如何为不同的页面优化1个大的压缩JS文件？（代码并非到处都需要）

我有一个JS文件，它是从几个单独的文件合并和压缩而来的。 因此，当我们启动应用程序时，JS文件只有一个http请求，这使得加载所有页面都非常快

但是，很多代码都是document.ready（）中的jquery。它将事件和其他代码绑定到某些页面上的元素，但并非所有页面上都需要所有代码

---

现在我想知道这是否对浏览器很重要？或者，有没有一种方法可以使JS代码只针对特定的页面，而不必再次拆分文件？

您最初的方法是合理的。连接所有JS并限制服务器请求的数量是优化前端速度的好方法

就JS性能而言，下一步是：

您的大型连接脚本文件有多大？如果它相对较小，则不必进行任何进一步的优化。如果它很大，涉及许多jQuery插件和特定于页面的处理程序，请继续：

一些最重的脚本有jQuery、jQuery.ui、YUI、Prototype等框架。这些都可以从高速CDN加载，比如。这将降低本地脚本的文件大小，并（通常）加快浏览器获取框架的速度

分析用户浏览网站的方式；是否有脚本繁重的页面或部分只被一小部分用户访问？如果是这样，将特定于页面/节的代码移动到单独的脚本中，只针对这些页面/节，可以加快其他页面的速度

查看您站点的访问者配置文件。你的网站有多“粘性”？你想看看新访客和回头访客的比例。如果您有很多新访问者，但没有很多回头访问者（大多数中小型网站都是这样），那么优化第一个页面视图（将资源拆分为特定于部分的部分）更有意义。如果你的网站有很多回头客，这就不那么重要了

记住尽可能多地懒散地加载资源，包括不必要的Javascript

连接的Javascript倾向于快速增长的方式之一是过度使用jQuery插件。在很多情况下，如果您创建一个自定义函数或将现有插件缩减到非常小的功能集，那么使用更少的代码就可以实现相同的功能或效果

---

只有在严格需要时才进行优化。你可以编写一个服务器端脚本，只在每页的基础上为所需的模块提供服务，但这似乎有点过分了。优化是好的，但我认为我们在这里分裂头发。。。