如何通过JS(javascript)优化网页加载速度【一】

 时间:2024-11-14 03:51:57

1、如图中,我通过往网页中动态添加js模块,new_script这个动态模块的src属性,是我从某个服务上获取的json数据(由于安全问题,src的地址被涂了哦)动态获取后,通过获取到的json数据动态绑定html控件,然后再使用 innerHTML字段将绑定好的数据加载到网页上去。

如何通过JS(javascript)优化网页加载速度【一】

3、然后,我通过将所有的js操作移植到一个专门的index.js文件中,然后再在页面上使用setTimeout函数延后50毫秒加载index.js文件,进一步在js文件中,获取数据并绑定。

如何通过JS(javascript)优化网页加载速度【一】

4、这个是修改之后的FireBug里面时间线的呈现,,优化效果非常明显(页面onload时间为405毫秒,多次测试在405毫秒左右小范围波动)(每次加载我都清除了所有缓存的东西,避免给测试对比带来不公正性)

如何通过JS(javascript)优化网页加载速度【一】
  • android使用File类遍历文件夹、读取文件夹
  • 教你Wise Disk Cleaner工具进行磁盘碎片整理
  • VC6.0打开或者添加工程文件崩溃的解决方法
  • 怎么在浏览器安装音乐插件
  • ES文件浏览器如何查看日志
  • 热门搜索
    睡觉磨牙怎么治疗 隆鼻手术怎么样 大白菜怎么做好吃 枇杷怎么吃 鼻子总出血怎么回事 电脑内存怎么看 文竹怎么养 舂怎么读 怎么炒股 烫伤后怎么处理