Css和内容部分都说完了,说说JavaScript部分的雅虎军规
1、 去除重复脚本
页面含有重复的脚本文件会影响性能,因为重复脚本会创建不必要的HTTP请求,执行无用的JavaScript代码,而影响页面性能。即使脚本是可缓存的,在用户重新加载页面时也会产生额外的HTTP请求。除了产生没有意义的HTTP请求之外,多次对脚本求值也会浪费时间。
2、 尽量减少DOM访问
总所周知,操作DOM是非常缓慢的,我们能做的就是不要用JavaScript去操作DOM,不要用JavaScript去操作DOM的样式距离等。
3、 使用事件委托
过多的处理DOM树上的不同元素,会让页面反应很不灵敏,之前有介绍过事件委托,当一个ul里面的所有li都有事件,那么定位到ul之后去操作事件,而不是给每个li添加事件。事件是有一个捕获和冒泡的过程的,所以使用事件委托跟优化性能。
4、 把JavaScript引入放到底部
JavaScript是会阻塞并行下载的,因为加载JavaScript的时候HTML是会停止解析,直到JavaScript加载完成。所有放到底部页面可以更快的渲染出来。
(完)