JS中的性能优化

1.页面级别性能优化方案

CSS雪碧图

压缩合并代码--使用webpack等打包工具压缩代码

使用DNS预解析

2.代码级别的优化

减少DOM操作

在JavaScript中,添加到页面上的事件处理程序数量将直接关系到页面的整体运行性能,因为需要不断的与dom节点进行交互,访问dom的次数越多,引起浏览器重绘与重排的次数也就越多,就会延长整个页面的交互就绪时间,这就是为什么性能优化的主要思想之一就是减少DOM操作的原因;

异步加载

事件代理(事件委托)

图片懒加载

节流防抖

keep-alive缓存

posted @ 2022-06-09 10:48  ajaXJson  阅读(24)  评论(0编辑  收藏  举报