如何正确的加载javascript文件
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文件的大小。
本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/Danwang/archive/2010/02/03/5286576.aspx
相关文档:
在线编辑内容的时候,那些基于 JavaScript 的编辑器帮了我们大忙,这些所见即所得(WYSIWYG)编辑器,给我们提供了类似
Office 的操作体验。如今,任何网站内容管理系统(CMS)和博客系统都需要一个这样的编辑器。本文精选了10个基于 JavaScript
的编辑器,它们有的是基于 jQuery 框架,有点则不是。
Mar ......
为了选择一个合适的脚本语言学习,今天查了不少有关Perl,Python,Ruby,Javascript的东西,可是发现各大阵营的人都在吹捧自己喜欢的语言,不过最没有争议的应该是Javascript现阶段还不适合用来做独立开发,它的天下还是在web应用上。 我主要是想做数据挖掘算法的研究,应该会处理大量的文本。提到文本处理,相信大部分人 ......
//获取页面数据
function getPageSize(){
var xScroll, yScroll;
if (window.innerHeight && window.scrollMaxY) {
xScroll = document.body.scrollWidth;
yScroll = window.inn ......
<script type="text/javascript">
function dayChange(year,month,day){
var selectYear = document.getElementById(year);
var selectMonth = document.getElementById(month);
var selectDay = document.getElementById(day);
va ......
var currItem = listbox.options[currIndex];
var prevItem = listbox.options[currIndex - 1];
&n ......