上面我们看了js的加载顺序
下面我们来看看图片下载的顺序。
图片资源
demo3的testhtml

根据上图我们发现图片的加载,
如果写入行内样式,或者img的src。
在解析html的时候,会去下载图片。
如果css引入的图片,只有当该样式在计算CSSOM Tree时,遇到了对应的dom,才会去下载。
上面我们看了js的加载顺序
下面我们来看看图片下载的顺序。
demo3的testhtml
根据上图我们发现图片的加载,
如果写入行内样式,或者img的src。
在解析html的时候,会去下载图片。
如果css引入的图片,只有当该样式在计算CSSOM Tree时,遇到了对应的dom,才会去下载。
本文标题:理解chrome页面加载机制3图片资源
本文链接:https://www.haomeiwen.com/subject/aajqlhtx.html
网友评论