Javascript性能优化学习笔记1
来源:互联网 发布:js控制input焦点 编辑:程序博客网 时间:2024/05/16 10:45
1. Js的加载最好是放在页面的底部,不会影响到页面的加载
2. Js文件尽量的合并,因为每次碰到<script>的标签浏览器都要执行行一段脚本
3. 无阻塞的脚本
1. 延迟脚本:<script>标签的defer属性的使用,代码能安全地延迟执行,但是只用 IE 和Firefox3.5支持
2.动态脚本元素:
IE:
var script = document.createElement('script');
script.type = 'text/javascript';
script.src="file1.js";
script.onreadystatechange = function(){
if(script.readyState == 'loaded' || script.readyState == 'complete'){
alert('ok');
}
};
document.getElementsByTagName('head')[0].appendChild(script);
除了IE:
var script = document.createElement('script');
script.type = 'text/javascript';
script.src="file1.js";
script.onload = function(){
alert('ok');
};
document.getElementsByTagName('head')[0].appendChild(script);
兼容
function loadScript(url,callback){
var script = document.createElement('script');
script.type = 'text/javascript';
if(script.readyState){
script.onreadystatechange = function(){
if(script.readyState == 'loaded' || script.readyState == 'complete'){
callback();
}
};
}else{
script.onload = function(){
callback():
};
}
}
加载多个Js,保证Js的加载顺序
loadScript('file.js',function(){
loadScript('file1.js',function(){
loadScript('file2.js',function(){
..
})
})
});
3. XMLHttpRequest的脚本注入
优点:下载后不会自动执行,可以推迟到你准备好,所有浏览器兼容
缺点:Js文件必须与所请求的页面处于相同的域
- Javascript性能优化学习笔记1
- Javascript性能优化学习笔记
- 《高性能Javascript》 学习笔记 web性能优化(二)
- 《高性能Javascript》学习笔记 之web性能优化(1)
- Javascript性能优化阅读笔记
- 《学习日记》JavaScript性能优化
- Linux性能优化学习笔记V0.1
- Linux性能优化学习笔记V0.1
- javascript 性能优化 -1
- ORACLE学习笔记--性能优化
- hive学习笔记-性能优化
- hibernate性能优化学习笔记
- Android 性能优化学习笔记
- Android 性能优化学习笔记.
- 高性能JavaScript学习笔记
- android性能优化学习笔记-listview优化
- JavaScript笔记(3)---编程性能优化
- JavaScript学习笔记 及 JAVAScript优化
- ORACLE_远程数据库同步
- accept 函数
- 黑马程序员--C#回顾
- 文件描述符、文件句柄、文件路径的转换接口
- 调用前一篇COM实现WEBSERVICE服务
- Javascript性能优化学习笔记1
- 运行时出现Cannot forward after response has been committed
- OK6410按键驱动程序(改)亲测可以运行
- coreData 使用分析
- 对RESTful的理解
- cygwin pow function bug
- 发表在51cto上的文章,用access作为.net网站的数据库,在windows2003上配置出现,出错不能访问
- 开发随笔(20120430)
- POJ-3370(鸽巢原理)