前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >雅虎军规第三天

雅虎军规第三天

作者头像
wade
发布2020-04-24 10:59:45
2350
发布2020-04-24 10:59:45
举报
文章被收录于专栏:coding个人笔记coding个人笔记

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加载完成。所有放到底部页面可以更快的渲染出来。

(完)

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2018-06-13,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 coding个人笔记 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档