在每个页面上加载主要的javascript吗？还是将其分解为相关页面？

require(["jquery", "jquery.alpha", "jquery.beta"], function($) {
    //the jquery.alpha.js and jquery.beta.js plugins have been loaded.
    $(function() {
        $('body').alpha().beta();
    });
})

评论

---

我真的很喜欢那个网站设计。我从未听说过requirejs。您如何通过http请求对此进行评分？这不是在页面上放置了更多的http请求吗？ （还不错吗？）对不起我的愚蠢问题。

–凯尔
2012年6月27日8:34

---

少请求当然更好，但是节省> 35万也不错。是的，如果您在该页面上包含另一个库，则您的站点将再次发出请求。如果它是一个站点上的数据表，而另一个站点上是jqplot，那很好。我同意，在50％的页面上再加载五个库会使优势消失。但是对于您而言，我认为这是一个很好的解决方案（假设其余的js保留一个压缩文件）。

–迈克尔
2012年6月27日8:45

---

谢谢迈克尔。该解决方案非常出色。在我将所有内容拆分成一页之前，这……这比我的想法要好。谢谢你的建议。既然您熟悉requirejs，您认为requirejs就足够了吗？我在某些网站上看到他们使用google加载其jquery和其他库google.load（'...'）。

–凯尔
2012年6月27日上午8:50

---

我强烈建议从Google（或其他提供它的网站）加载通用库。这有2个优点：a）lib文件在不同站点之间缓存。用户以前曾经访问过一个网站，也可能使用从Google加载的jquery。然后从缓存而不是从服务器再次加载该文件！ b）即使必须加载它，从Google CDN加载它比从您自己的Web服务器加载它要快得多。

–迈克尔
2012年6月27日上午10:16

---

// For reference; this isn't functional code.
if (is_page('whatever')) {
    <script src="/path/to/datatables.js"><script>
    <script>
        [Your datatables setup here]
    </script>
}

评论

---

我有一个自定义网站，该网站由我从themeforest购买的html模板制成。唯一的问题是，该家伙花了大约6个JS文件，周围杂乱无章。所以我将它们放在一个文件中，其中包括几个库jqplot，datatables，jquery-ui。这些全部加起来大约为550-600kb。 100kb是我使用这些库的JS。我觉得我应该解决这个问题，而不是在每个页面上加载太多无关的JS库。谢谢您的建议！ =）

–凯尔
2012年6月27日9:20

---

评论

---

是的，有了这种大小的JS，再加上它实际上是相当普遍的库，使用CDN将是一个很大的好处。

–扎夫-本·杜吉德
2012年6月28日19:36

---