码迷,mamicode.com
首页 > 其他好文 > 详细

整合异步脚本

时间:2019-08-25 15:57:49      阅读:77      评论:0      收藏:0      [点我收藏+]

标签:出现   技术   一个   win   渲染   enter   之间   font   现象   

异步脚本整合

  常规方式加载脚本(<script src="url></script>),不仅会阻塞页面中其它内容的下载,还会阻塞脚本后面所有元素的渲染。异步加载脚本可以避免这种现象,提高加载速度。但是如果在使用外部脚本时,不关注外部脚本里定义的标识符行内脚本;不考虑行内代码的依赖;则可能会由于竞争状态,而出现未定义标识符错误。

  当异步加载的外部脚本与行内脚本之间存在代码依赖时,我们必须通过一种保证执行顺序的方法来整合这两个脚本。很多页面包含一个外部脚本和一段行内脚本。因为行内脚本依赖外部脚本,所以保证执行顺序至关重要——外部脚本必须在行内脚本之前下载、解析和执行。

 

异步加载脚本时保持执行顺序

  当外部脚本按常规方式加载时,它会阻塞行内代码的执行,竞争状态不会发生。一旦我们开始异步加载脚本,就需要一种技术把行内代码和依赖行内代码的外部脚本整合起来。这种整合技术是:

  1 硬编码回调,让外部脚本调用行内代码里的函数。

  2  window onload

  3  定时器

  4  Script onload

  5  Degrading Script Tags

整合异步脚本

标签:出现   技术   一个   win   渲染   enter   之间   font   现象   

原文地址:https://www.cnblogs.com/yaosusu/p/11349039.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!