新闻观点

盈丰国际博彩怎么样:网站访问延迟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-03-23
  • 北京市海淀区西三旗街拆除8500平方米违法建设 2019-03-23
  • “电影川军”将集体出征上影节 三星堆、自贡恐龙齐上阵 2019-03-22
  • 西部网(陕西新闻网)www.cnwest.com 2019-03-21
  • 开展扫黑除恶专项斗争 2019-03-21
  • 北京:面向人才专配公租房共有产权房 2019-03-20
  • 青海:52个客运站卫生间将全面改造 2019-03-19
  • 服用-热门标签-华商生活 2019-03-19
  • 其两个都是【最牛】。。。[哈哈] 2019-03-18
  • 网友给四川省委书记、省长留言获回复 共计86条 2019-03-17
  • 拉萨站“小”了 拉萨城“大”了 2019-03-16
  • 美军或拨75亿专款 专家将加强美在亚太军事存在 2019-03-16
  • 走进墨玉—天山网专题报道 2019-03-15
  • 俄罗斯总统普京会见世界主要通讯社及媒体组织负责人 2019-03-15
  • 这些事实都在打四两如梦的脸[微笑] 2019-03-14
  • 267| 231| 296| 777| 800| 219| 820| 351| 549| 675|