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

通过动态加载javascript提高网站性能?,javascript,jquery,Javascript,Jquery,我想知道这是正常的还是可能的(我是新手) 假设您有一个很重的javascripted站点。基本上是一个web应用程序页面。如果页面的一部分是邮箱。。。而且用户不一定要马上使用它。在页面加载后,或者甚至在他们需要使用邮箱时,您是否可以下载邮箱所需的javascript?我从另一个问题上看到了这一点: $.getScript("my_lovely_script.js", function(){ alert("Script loaded and executed."); 是的,您可以“稍后”加载非

我想知道这是正常的还是可能的(我是新手) 假设您有一个很重的javascripted站点。基本上是一个web应用程序页面。如果页面的一部分是邮箱。。。而且用户不一定要马上使用它。在页面加载后,或者甚至在他们需要使用邮箱时,您是否可以下载邮箱所需的javascript?我从另一个问题上看到了这一点:

$.getScript("my_lovely_script.js", function(){

alert("Script loaded and executed.");

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

有几种方法:

  • 您可以将脚本标记为defer或async(请参阅),这样浏览器将异步加载它,而不会在加载或运行脚本时暂停页面显示
  • 您只能根据需要动态加载它
  • 标记前面的
    末尾加载脚本,以便在加载脚本之前可以显示页面
  • 在继续这条路之前,我强烈建议您测量页面的加载资源,并找出时间的真正走向。在你衡量时间的实际走向之前,过早的优化很少是改善事情的最有效方法。Chrome调试器可以向您显示大量有关资源加载时间的数据


    此外,请记住,优化有效缓存的设计可能非常有效,因为您的脚本在站点上的第一页加载,它们将在将来的所有页面中被缓存,并将非常、非常快地从浏览器磁盘或内存缓存加载。

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

    有几种方法:

  • 您可以将脚本标记为defer或async(请参阅),这样浏览器将异步加载它,而不会在加载或运行脚本时暂停页面显示
  • 您只能根据需要动态加载它
  • 标记前面的
    末尾加载脚本,以便在加载脚本之前可以显示页面
  • 在继续这条路之前,我强烈建议您测量页面的加载资源,并找出时间的真正走向。在你衡量时间的实际走向之前,过早的优化很少是改善事情的最有效方法。Chrome调试器可以向您显示大量有关资源加载时间的数据


    此外,请记住,优化有效缓存的设计可能非常有效,因为您的脚本在站点上的第一页加载,它们将在将来的所有页面中缓存,并将非常非常快地从浏览器磁盘或内存缓存加载。

    是的,这是可能的,并且已经完成

    您可以随时向文档中添加脚本标记。您还可以使用LabJs之类的实用程序来帮助您完成这项工作


    是的,这是可能的,并且已经完成

    您可以随时向文档中添加脚本标记。您还可以使用LabJs之类的实用程序来帮助您完成这项工作


    是的,您可以延迟加载脚本,但是您可能应该做的是转到类似的地方,看看是什么花费了这么长的时间,并对其进行优化。通过采用诸如同时从多个域加载的技术,以及使用诸如组合、压缩和缩小js代码之类的工具,您很可能会看到更高的总体性能是的,您可以延迟加载脚本,然而,你可能应该做的是去做一些类似的事情,看看是什么花了这么长时间,并在这方面进行优化。通过采用诸如同时从多个域加载以及使用诸如组合、压缩、,并缩小js代码

    非常常见,其他人有时在页面末尾加载脚本,给人以加载速度更快的印象非常常见,其他人有时在页面末尾加载脚本,给人以加载速度更快的印象times@NullPointer-我添加了MDN讨论异步和延迟的链接。您可以在Google上搜索“script defer async”以查找其他文章。@NullPointer-我还添加了有关在决定优化内容之前衡量性能以及确保最大限度地利用浏览器缓存的信息。@NullPointer-我添加了一个链接,指向MDN讨论async和defer的地方。您可以在Google上搜索“script defer async”以查找其他文章。@NullPointer-我还添加了有关在决定优化内容之前衡量性能以及确保最大限度地利用浏览器缓存的信息。