最近做项目时遇到个问题:打开某页面时特别慢,在页面进行操作时也特别慢。
分析:
①先看后台:
用谷歌浏览器,按下F12,打开Network页签,查看页面请求使用的时间,发现有100多毫秒,返回给前台的文件大小有2.1M。
百思不得其解,因为页面加载时后台只是查询了几个List放在了Model中返给前台。
其中一个List有将近300条数据。
把这个多数据的List注释后,发现返回前台的文件大小变成 了58k,时间87ms。
②再检查前台:
发现多处使用append方法,且在循环内使用了append ,代码类似下面:
$.each(reallyLongArray, function(count, item) {
var newLI = '<li>' + item + '</li>';
$('#ballers').append(newLI);
});
不要在each()里用$('#id')的选择器,会有多次遍历查找dom元素,效率极低。