前端界面优化

来源:互联网 发布:淘宝卖家怎么联系淘客 编辑:程序博客网 时间:2024/05/22 09:39

项目中遇到,页面加载的时候,浏览器内存一直在增长的问题,在网上找了很多资料,关于为何页面卡顿和点击后反应过慢,总结起来有如下几个方面。

一、将js文件放在body的最底部,因为页面上的html加载完毕以后再去加载js会让用户感受到界面的加载速度会比较块。

二、对dom元素的动态操作会导致界面重绘,重绘会花费时间导致界面看起来加载慢。

三、如果js中有setInterval(),定时加载的东西,一定要在加载之前clear,

clearInterval(timer_status);timer_status = setInterval(initData, 3000);
四、页面如果浏览器内存一直在增长,增长的速度很快,就要看页面中的死循环。
五、如果是点击页面后,浏览器的内存增长直至页面卡死,就要看是不是对页面元素多次绑定了click事件。

0 0
原创粉丝点击