新闻观点

体彩大乐透胆拖计算器:网站访问延迟JSt非阻塞资源加载分析

2018-06-28 17:19:46   |   阅读次数:次

四川金7乐走势图手机版 www.9cyr.cn

首先,对于阻塞渲染的JavaScript,应该将它放置在页面body的底部,为什么呢?

JavaScript可以查询和操作DOM和CSSOM,正如前面介绍的,HTML解析过程中构建DOM,当遇到JavaScript就停止DOM构建执行JavaScript,如果被执行的JavaScript是放置在head附近,那么很可能要被操作或者查询的DOM还没有构建到DOM当中。

而对于,非阻塞渲染的JavaScript,我们应该采用异步的方式加载,如下:


 
 

方式一:即阻塞的JavaScript,HTML解析过程中遇到script标签,发出网络请求获取script.js,在网络请求返回后,解析并执行script.js,然后浏览器继续HTML解析。

方式二:async,完全的异步操作,HTML解析遇到该标签后,发出网络请求,但不阻止HTML解析和其后面的渲染操作,当JavaScript请求返回后立刻执行,且不等待HTML解析或其他操作的完成。所以,如果脚本中有DOM操作,就并不适合。比较适合的场景是Google Analytics。

方式三:defer,HTML的解析和对JavaScript资源的网络请求是并行的,但它会等待HTML解析完成之后,才执行脚本。

相关新闻
四川金7乐走势图手机版 | 关于我们 | 网站建设 | 网站优化 | 服务范围 | 案例作品 | 四川金7乐走势图手机版 | sitemap
  • 从新的历史起点出发奋力实现中国梦 2018-09-27
  • 李芳老师:为救学生  她用身体挡住车辆——被撞后当场昏迷  抢救无效离世 2018-09-27
  • 世界杯开幕 率先入场的竟是群贵州少年 2018-09-20
  • 国家税务总局:国地税改革进入具体实施操作阶段 2018-09-20
  • 机关党建工作巡礼——江西“实干兴赣当先锋、为民服务作表率”主题实践活动 2018-09-15
  • 第44届G7峰会在加拿大魁北克不欢而散,付出九牛二虎之力终于达成一份共同性少得可怜的联合声明,本以为最起码保住西方自由世界的一些脸面。不料,文件墨迹未干,特朗普 2018-08-26
  • 大文豪们如何花式说出“我爱你”? 2018-08-26
  • 将“最多跑一次”改革进行到底 2018-08-22
  • 第五届中国—亚欧博览会 2018-08-15
  • 【理上网来·喜迎十九大】这五年,精准扶贫改善了乡村社会治理结构 2018-08-15
  • 浙江:三批次壁纸抽检不合格 选购注意“看摸擦闻” 2018-08-06
  • 湖北治理违规提取公积金 防止用公积金炒房 2018-07-28
  • 和静县首届东归节将于6月23日开幕 2018-07-20
  • 创业女青年哈丽娟:世界是自己的 与他人没关系 2018-07-18
  • 人民日报人民论坛:表达当守正,修辞立其诚 2018-07-18
  • 977| 744| 621| 617| 177| 469| 890| 218| 664| 717|