解读Yahoo!网站性能优化组定义的34条准则 - 优化事件处理

648阅读 0评论2009-09-24 zhangsanji
分类:系统运维

优化事件处理 

有时候感觉页面对动作的响应比较慢,很有可能是因为在DOM树不同的元素上添加的事件处理太多了,它们被执行的太频繁了。这样的情况下用事件代表团的方式出来比较好。例如:有10个按钮在一个div中,只需要给div上添加一个事件处理函数,包装一下避免给10个按钮都加上事件处理函数了。事件冒泡上来,处理函数捕获到,并能分析出来源自哪个按钮,做相应的处理。

如果你想操作DOM树也没有必要等到onload事件来触发,通常你只需要等到该元素在DOM树中可以被访问就行。没有必要等到所有的图片都加载进来。DOMContentLoaded事件可以考虑来替代onload事件,但是它不是所有浏览器都兼容的,所以你可以用YUI的Event实现的onAvailable事件。

更多信息请参考Julien Lecomte的YUI视频读物《High Performance Ajax Applications》。
上一篇:解读Yahoo!网站性能优化组定义的34条准则 - 组件的预加载
下一篇:解读Yahoo!网站性能优化组定义的34条准则 - 减少DOM元素