Js优化

监控js传输

1 .1MB的js在不同的设备上需要的解析时间是不同的。分析解析和编译时间,对于理解应用程序什么时候做好交互准备至关重要,这些时间因用户的设备的硬件能力而异,高端的设备解析和编译的时间很容易在低端手机上高出2-5倍
2 .实施代码分割:如果有可能,只提供用户需要的资源。webpack.
3 .页面通用功能(焦点图,图片滚动,文字滚动),使用静态域名下全站统一的js文件
4 .任何js功能要求都可以做到延迟加载,避免阻塞页面
5 .超过10k的js代码使用外联文件
6 .不要再首页,频道首页,底层页引用体积庞大的外部文件
7 .公共产品听过的接口js代码应该注意封装好自己的命名空间
8 .公共平台使用规范:页面服务器只存放文本文件,不存放图片等媒体文件。素材服务器上存放素材文件:包括素材图片,css文件,JS文件,mp3,flash文件。图片服务器集群主要存放内容图片。
9 .开发智能事件处理程序:就是事件代理啊.叫的倒是停高端的
10 .通过js预加载图片:在空闲的时候,通过js创建一个不在视野内的图片标签,使浏览器去加载相应的图片并缓存起来
11 .代码执行优化

dom操作优化

算法优化

1 .避免使用for in循环,除非遍历数量未知的对象。因为他会同时遍历原型属性
2 .循环中减少循环次数以及每次循环的运算步骤
3 .if -else:条件数较少的时候用这个,switch:条件多的时候使用
4 .尽量使用循环替代递归,浏览器一般都有最大递归次数限制
5 .使用更好的数据结构
6 .控制原型链的深度,减少对象的嵌套
7 .

最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 简单优化 v-pre 用来跳过对 Mustache { ... } 标签的编译。跳过大量没有指令的节点会加快编译。...
    KimYYX阅读 122评论 0赞 0
  • 前言:在昨天的学习中,听老师介绍了createDocumentFragment()这个方法,好吧,我承认昨天是我第...
    Ghj_小树阅读 7,388评论 0赞 0
  • 避免全局查找 在一个函数中会用到全局对象存储为局部变量来减少全局查找,因为访问局部变量的速度要比访问全局变量的速度...
    神奇大叶子阅读 219评论 0赞 0
  • 同是出生在一个城市,同是一样的学历,同样的年龄,同一个行业,每个人的世界观、价值观却千差万别。所以,朋友的圈子不一...
    丫丫记记阅读 216评论 0赞 0
  • 基本版的自我介绍,适用于各种场合,氛围轻松 结构可分为: 开场白 基本信息、毕业院校 家乡美 家庭关系 兴趣爱好 ...
    微雨旧时歌丶阅读 471评论 0赞 1

友情链接更多精彩内容