Html5前端js优化策略

一、优化策略之加载

1、script标签放在底部，不要放在head标签;

2、尽量减少js文件数量

3、给script标签添加一个defer属性，defer属性指明所含的脚本不会修改DOM，因此代码能安全地延迟执行。

4、把loadScript()函数直接嵌入页面，从而 避免多产生一次HTTP请求;一旦页面初始化所需要的代码完成下载，你可以继续自由地使用loadScript();去加载页面其他的功能所需要的脚本;

5、YUI3的方式、LazyLoad类库(自己百度一下这个脚本)

6、LABjs：(这个也是一个脚本文件，可以自己搜索一下哈)

$LAB.script()方法用来定义需要下载的js文件，$LAB.wait()用来指定文件下载并执行完毕后所调用的函数

二、s优化策略之数据存取优化

1、函数中读写局部变量总是最快的，读写全局变量通常是最慢的。请记住，全局变量总是存在于执行环境作用域链的最尾端，因此他也是最远的。对所有浏览器而言，总分趋势是，一个标识符所在的位置越深，它的读写速度也就越慢。

最好的方式是把使用一次以上的全局变量用局部变量代替。例如：

Var doc =document;

2、对象成员--原型

js中的对象是基于原型的。原型是其他对象的急促，它定义并实现了一个新创建的对象所必须包含的成员列表。

因此对象可以有两种类型：实例成员和原型成员。实例成员直接存在于对象实例中，原型成员则从对象原型继承而来。

3、对象成员--原型链

使用构造函数Book来创建一个新的Book实例。实例boo1的原型(_proto_)是Book.prototype,而Book.prototype的原型是object。

4、避免使用with语句，因为他会改变执行环境作用域链。同样，try-cath语句中catch子句也有同样的影响，因此也要小心使用;

5、通常来说，可以通过吧常用的对象成员、数组元素、跨域变量保存在局部变量中来改善js性能，因为局部变量访问速度更快。

三、优化策略之优化DOM编程

想知道了解关于IT行业的信息吗?心动不如行动，一起动起来，一起加入北大青鸟大家庭，一起进入it技术行业，跟着北大青鸟的脚步，一起走进飞快发展的互联网信息时代，带给你不一样的精彩生活——【广州web培训班】