通过动态加载javascript来提高网站性能？

我想知道这是通常做的还是可能的（我是新手）假设你有一个沉重的javascripted网站。 基本上是一个web应用页面。 如果页面的一部分是邮箱…并且用户不一定立即使用它，该怎么办？ 您是否可以在页面加载后下载邮箱所需的javascript，甚至可能需要使用邮箱？ 我从另一个问题看到了这个：

$.getScript("my_lovely_script.js", function(){ alert("Script loaded and executed."); 

Answer 1

是的，您可以“稍后”加载非必要脚本，以避免在显示初始页面之前处理它们。

有几种方法：

1. 您可以将脚本标记标记为延迟或异步（ 有关详细信息，请参阅MDN ），以便浏览器以异步方式加载它，而不是阻止页面显示以加载或运行脚本。
2. 您只能根据需要动态加载它。
3. 在标记之前的末尾加载脚本，以便页面可以在加载之前显示。

在继续沿着这条路走下去之前，我强烈建议您测量页面的加载资源并找出时间的真正去向。 在衡量实际发生的时间之前，过早优化很少是改善事物的最有效方法。 Chrome调试器可以向您显示有关资源加载时间的大量数据。

此外，请记住，优化有效缓存的设计可以非常有效，因为您的脚本是为您网站上的第一页加载的，它们将被缓存用于所有将来的页面，并且将非常快速地从浏览器磁盘或内存加载缓存。

Answer 2

是的，这是可能的并且已经完成。

您可以随时在文档中添加脚本标记。 您也可以使用像LabJs这样的实用程序来帮助您。

http://labjs.com/

Answer 3

是的，你可以延迟加载你的脚本，不过你应该做的就是去https://developers.google.com/speed/pagespeed/ ，看看有多长时间并优化了。 通过采用诸如同时从多个域加载等技术，并使用https://github.com/mishoo/UglifyJS2等工具来组合，压缩和缩小js代码，您很可能会看到更高的整体性能