如何通过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文件浏览器如何查看日志
  • 热门搜索
    内江师范学院怎么样 路由器怎么升级 下雨了想发个朋友圈 自己生日怎么发朋友圈 泡泡水怎么做 港澳旅游 蒲公英路由器 长疥疮怎么办 021是哪里的区号 漂流瓶在哪里