sekiyika.com

CONTENT

PAGE TITLE

sekiyika | sekiyika.com Reviews

<META>
DESCRIPTION

From https:/ www.igvita.com/2014/05/20/script-injected-async-scripts-considered-harmful/? Utm source=feedburner&utm campaign=Feed%3A igvita %28igvita.com%29&utm content=feed. BAD: blocking external script -. GOOD: remote script is loaded asynchronously -. Script = document.createElement( 'script'. Script.src = / somehost.com/awesome-widget.js. 发生什么了 两个Script文件都被提前加载，并且在页面初始化后被执行，大概在2.7s时刻左右，请注意页面上的时间，脚本还是在CSS ready之后才被执行的，但是因为脚本是提前获取的，在CSSOM构建完成之后立即执行了JavaScript，节省了大概1s的时间。 脚本执行 3.7s onload 3.7s. 1 2 3...

<META>
KEYWORDS

1 sekiyika

2 archives

3 脚本注入的异步script可能有害

4 frontend

5 performance

6 javascript

7 script

8 somehost.com/awesome widget js

9 document getelementsbytagname 'head

10 appendchild script ;

CONTENT

Page content here

KEYWORDS ON
PAGE

sekiyika,archives,脚本注入的异步script可能有害,frontend,performance,javascript,script,somehost.com/awesome widget js,document getelementsbytagname 'head,appendchild script ;,不同点就是 脚本注入不会阻塞网络,脚本注入，不一定快,一图顶千言，可以看下面的例子,这个 例子,结果就是脚本在页面初始化完毕被执行，大概在3 5s时刻左右,难道我们之前都做错了吗

SERVER

nginx/1.6.0

POWERED BY

Hexo

CONTENT-TYPE

utf-8

GOOGLE PREVIEW

sekiyika | sekiyika.com Reviews

https://sekiyika.com

From https:/ www.igvita.com/2014/05/20/script-injected-async-scripts-considered-harmful/? Utm source=feedburner&utm campaign=Feed%3A igvita %28igvita.com%29&utm content=feed. BAD: blocking external script -. GOOD: remote script is loaded asynchronously -. Script = document.createElement( 'script'. Script.src = "/ somehost.com/awesome-widget.js". 发生什么了 两个Script文件都被提前加载，并且在页面初始化后被执行，大概在2.7s时刻左右，请注意页面上的时间，脚本还是在CSS ready之后才被执行的，但是因为脚本是提前获取的，在CSSOM构建完成之后立即执行了JavaScript，节省了大概1s的时间。 脚本执行 3.7s onload 3.7s. 1 2 3...