中山Web前端开发培训班选哪个？

中山Web前端开发培训班选哪个?今天小编要跟大家分享的文章是关于Web前端性能优化的实用技巧汇总。javascript在浏览器中运行的性能，可以认为是开发者所面临的最严重的可用性问题。这个问题因为javascript的阻塞性而变得复杂，事实上，多数浏览器使用单一进程来处理用户界面和js脚本执行，所以同一时刻只能做一件事。js执行过程耗时越久，浏览器等待响应的时间越长。

中山Web前端开发培训班选哪个?

达内教育隶属于加拿大达内IT培训集团，于2002年成立 ，是达内IT培训集团直属学院。学院位于北京中关村，与北大、清华、中科院为邻，学术氛围浓厚。学院成立旨在建立软件高级人才培养的快速通道，促进我国信息产业迅速发展。

1.IE8,FF,3.5,Safari 4和Chrome

IE8,FF,3.5,Safari 4和Chrome都允许并行下载js文件，当script下载资源时不会阻塞其他script的下载。但是js下载仍然会阻塞其他资源的下载，如图片。尽管脚本下载不会互相影响，但页面仍然必须等待所有js代码下载并执行完才能继续。因此仍然存在脚本阻塞问题.推荐将所有js文件放在body标签底部以减少对整个页面的影响。

2.减少页面外链脚本文件的数量将会提高页面性能：

http请求会带来额外的开销，因此下载单个300k的文件将比下载10个30k的文件效率更高。

3.动态脚本加载技术：

无论何时启动下载，文件的下载和执行都不会阻塞页面其他进程。

functionlaodScript(url,callback){

varscript =document.createElement('script');

script.type ='text/javascript';

if(script.readyState){// ie

script.onreadystatechange =function(){

if(script.readyState =='loaded'|| script.readyState =='complete'){

script.onreadystatechange =null;

callback()

}else{//其他浏览器

script.onload =function(){

callback()

script.src = url;

document.getElementsByTagName('head')[0].appendChild(script);

//使用

loadScript('./a.js',function(){

loadScript('./b.js',function(){

loadScript('./c.js',function(){

console.log('加载完成')

4.无阻塞加载类库——LABjs,使用方法如下：

//链式调用时文件逐个下载，.wait()用来指定文件下载并执行完毕后所调用的函数

$LAB.script('./a.js')

.script('./b.js')

.wait(function(){

App.init();

})

//为了保证执行顺序，可以这么做,此时a必定在b前执行

$LAB.script('./a.js').wait()

.script('./b.js')

.wait(function(){

App.init();