1
GordianZ MOD 如果 JS 载入缓慢的话,放在 HEAD 里面影响正文加载速度。放在 BODY 结尾的话正文载入完成才开始载入 JS.
|
2
luser 2012-04-23 13:11:25 +08:00 1
</head>前准确
</body>前不影响加载页面速度 |
3
gonghao 2012-04-23 13:16:06 +08:00 4
@GordianZ 其实不全是这样的,ga 代码采用了 script 插入方式载入核心代码,head 里面放的也只是一些简单的全局变量设置,然后引导加载核心代码,所以理论上是非阻式加载。但是在天朝,毕竟网速慢,尤其是国外,再是无阻的加载,浏览器还是回去 loading 势必还是会影响整体页面速度~
|
4
GordianZ MOD @luser 不影响么?
浏览器在 HEAD 解析到 JS 的引用,发送 HTTP 请求,理应影响到 BODY 的渲染啊。 |
6
yyfearth 2012-04-23 13:35:53 +08:00
|
7
gonghao 2012-04-23 14:33:23 +08:00 1
@yyfearth 其实 async 标签的本质就是与动态创建一个 script node 是一致的,可以参看这个文章: http://www.nczonline.net/blog/2010/08/10/what-is-a-non-blocking-script/
推荐 动态创建 script node + 设置 async 属性,这样理论上不管在哪个位置都应该是最佳的无阻方式。现在的高级浏览器都会把 download 和 parse & execute 分开,先 download 而不会影响 UI 线程,当然有资源 download 的时候,浏览器还是会是 loading 状态,所以当然还是会影响整体速度~ |
9
yyfearth 2012-04-23 15:36:51 +08:00
|