新闻观点

金7乐中奖技巧:网站访问延迟JSt非阻塞资源加载分析

2018/6/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
  • 鲍鹏山:失败而不幸的李白为何总是“兴高采烈” 2019-04-12
  • 中国国际智能产业博览会LOGO征集选用公告 2019-04-12
  • 建军90周年阅兵引网友热议:只要祖国一声令下,我愿意去做英雄 2019-04-10
  • 机器人也能拥有“情商”?这个可以有 2019-04-09
  • 人民网评:当好马克思主义的忠诚信奉者、坚定实践者 2019-04-09
  • 《老马价值观》书友会在京举行 2019-04-04
  • 紫光阁中共中央国家机关工作委员会 2019-04-04
  • 京城斫琴师梵戈:中国人做东西就是和时间商量着来 2019-03-31
  • 美钢铝关税政策引发各界忧虑 2019-03-31
  • 专访蔡速平:北汽集团已经开启了新一轮改革 2019-03-24
  • 印度亮出底牌武器威慑中国,解放军应对手段相当硬气:中国不怕 2019-03-24
  • 中国中小企业协会“一带一路”工委会宣传片 2019-03-23
  • 风水神话更危险的事,就是眼瞎,根本分不清谁对谁, 2019-03-14
  • 十九大代表卢丽安利用周末与在沪台胞分享她参会心得  2019-03-13
  • 荆楚网网络视听节目许可证 2019-03-13
  • 351| 429| 665| 606| 33| 80| 972| 929| 151| 635|