事件起因:新项目刚部署到环境中,项目中某一个新增页面在chrome、IE10以上,浏览器页面加载速度速度在3s以内,但是在IE8加载速度在10s以上,页面加载完后点击一下页面就会卡死,等10s左右有反应,才可以正常使用。
问题一:页面编码不规范,html、js代码、js引入文件写的乱七八糟
问题二:页面中存在大量js,整体html有2000多行代码,js就存在有1000多行
问题三:页面加载需要大量时间去解析代码,初次加载完成后,渲染完页面速度会很快;但是点击后IE8页面卡死10s,IE8在一行行解析html中的js代码,所以耗费大量时间
解决:
一:优化页面代码,将1000行js代码提出到一个js文件中,引入即可
二:将所有js引入文件,放到html代码结束之后
注意:
一:IE8代码解析速度本身就比较慢,容错率极低,很多内容不兼容
二:一定要 注意代码规范!注意代码规范!注意代码规范!