标签:style sp on html ad 时间 ef bs size
1.js放在head中会立即执行,会阻塞后续的资源下载与执行。因为js有可能会修改dom,如果不阻塞后续的资源下载,dom的操作顺序不可控。
2.js的执行依赖前面的样式。即只有前面的样式全部下载完成后才会执行js,但是此时外链css和外链js是并行下载的。
3.js放在body的最后面,可以避免资源阻塞,同时使静态的html页面迅速显示。
4.外链的js如果含有defer="true"属性,将会并行加载js,到页面全部加载完成后才会执行,会按顺序执行。
5.外链的js如果含有async="true"属性,将不会依赖于任何js和css的执行,此js下载完成后立刻执行,不保证按照书写的顺序执行。因为async="true"属性会告诉浏览器,js不会修改dom和样式,故不必依赖其它的js和css。
6.html需要等header中所有的js和css加载完成后才会开始绘制。
7.html不需要等待放在body最后的js下载执行就会开始绘制。
8.css需要分块,首页的css独立,其余的css需要动态加载,因为html的绘制会被css阻塞,这样可以减少首次进入时的白屏时间。
标签:style sp on html ad 时间 ef bs size
原文地址:http://www.cnblogs.com/wqhwe/p/4028404.html