新闻观点

盈丰国际娱乐备用网址:网站访问延迟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-06-26
  • 阿呆,你终归还是一只猴子,翻,接着翻![哈哈] 2019-06-25
  • 特朗普下令美国防部组建第六军种“太空军” 2019-06-24
  • 6月15日一分钟阅尽天下军情 2019-06-24
  • 精灵王子奥兰多布鲁姆花椒直播首秀撩妹:I like all Chinese girls奥兰多 布鲁姆 2019-06-23
  • 诗歌三曹对酒当歌 曹操“篡汉”恶名几度真? 2019-06-23
  • 神经。你还觉得下一个经济应该是按官分配么? 2019-06-22
  • 《龙珠 超宇宙》登场角色阵容公布 解锁神秘人物--人民网游戏 2019-06-21
  • 致父亲——习近平与父亲的家国情 2019-06-21
  • 高清:C罗帽子戏法科斯塔梅开二度 葡萄牙3 2019-06-20
  • 你找事我就还击,伊朗波斯湾亮出防空导弹和远程对海新式导弹! 2019-06-20
  • 紫光阁中共中央国家机关工作委员会 2019-06-19
  • 中国服装设计师协会主席张庆辉:新时代、新定位重塑时装周未来 2019-06-18
  • 山东单县种植玫瑰助增收 美了田园 富了乡亲 2019-06-17
  • 传统车企进军共享出行领域:丰田10亿美元投资打车平台Grab 2019-06-17
  • 广西11选5历史开奖结果 双色球中篮球公式 北京快三走势图一定牛 免费资料铁四肖中特 人爱彩网 河南体育彩票走势图 一定牛江西快三五省 上海基诺彩票中奖号码 河南11选5玩法 英超海报 四川快乐12怎么杀号 3d走势图浙江风采 今日青海快3开奖结果 平特肖公式验证软件 体育福建31选7开奖