新闻观点

盈丰国际娱乐城赌百家乐:网站访问延迟JSt非阻塞资源加载分析

2018/6/28 17:19:46   |   阅读次数:次

烟台盈丰国际 www.qcbj7.com.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解析完成之后,才执行脚本。

相关新闻
烟台盈丰国际 | 关于我们 | 网站建设 | 网站优化 | 服务范围 | 案例作品 | 烟台盈丰国际 | sitemap
  • 北京市延庆区与人民网达成战略合作 全国首个舆评中心成立 2019-01-19
  • 被欧洲国家踢皮球的移民船终靠岸 地中海漂泊一周 2019-01-18
  • 新疆景区端午活动洋溢浓浓传统文化情 2019-01-17
  • 中央纪委公开曝光八起违反中央八项规定精神问题 2019-01-16
  • 刚续约就这表现?铁卫诡异手球送礼 法国壕阵险被逼平 2019-01-16
  • 足球王国群星璀璨 能否登顶第六冠 2019-01-15
  • 2018首届中国书画春节联欢晚会在京举行  2019-01-15
  • 欢乐“粽”情过端午 尽情放“粽”嗨起来 2019-01-14
  • 习近平教我们认识和把握世界大势和时代潮流 2019-01-14
  • 《国家社科基金项目成果选介汇编》第四辑 2019-01-13
  • 2013第八届中国常州先进制造技术成果展示洽谈会——中国常州网专题 2019-01-13
  • 2017年终策划·对话“燃系青年” 2019-01-12
  • 长安街知事:中央督查组对党政一把手动真格 2019-01-11
  • 候选案例:善功夫营养爱心待餐公益项目 2019-01-10
  • 是一对什么关系?与你和四两是一样的关系?[微笑] 2019-01-10
  • 799| 245| 972| 197| 391| 759| 325| 465| 722| 381|