如何正确的加载javascript文件_javescript文件-优快云博客

1）为什么加载javascript文件很重要？

javascript文件是比较特殊的，因为浏览器加载javascript是串行的。以为着在加载Javascript文件的时候，其他一切资源的下载包括页面的显示都会被阻塞。

2）如何正确的加载JavaScript？

a. 将JavaScript文件放在页面的最后

因为JavaScript的加载会阻塞页面的显示，所以将JavaScript文件放置在页面的最后，也就是<body>标签结束前。这样用户可以更快的看到页面的显示，可以有更好的用户体验。

b. 并行的加载JavaScript

如果使用普通的<script>标签来引用外部的JS文件，那么JS文件的下载是串行的，这样通常效率会非常低。推荐使用LABjs来加载JavaScript，可以达到JS文件的并行下载，但同时又有机制来保证JS文件执行的顺序。

下面就是一个使用LABj来加载JavaScript的例子

<script>

   $LAB

   .script("framework.js").wait()

   .script("plugin.framework.js")

   .script("myplugin.framework.js")

   .wait(function(){

      myplugin.init();

      framework.init();

      framework.doSomething();

   });

</script>

具体可以查看LABj的官方网站：http://labjs.com/

c. Lazy load

这个往往是讲起来比较容易，做其他比较难。原理很简单，就是页面显示的时候，只加载需要的JS文件，然后在用户操作的时候再加载需要的JS文件。

d. 正确的压缩JS文件

使用JSMin或者Google Closure来压缩JS文件，这个往往可以大大减少JS文件的大小。

如何正确的加载javascript文件

相关推荐