首页 > 现代浏览器是按什么顺序加载图片,css,js的,img的图片和背景图片有什么区别

现代浏览器是按什么顺序加载图片,css,js的,img的图片和背景图片有什么区别

我看chrome的network里面,先下载的html文件,然后并行加载css和js,最后下载图片等资源。
如果一个外部css文件因为一些特殊原因下载的特别慢或者失败了,内容会先呈现吗?
另外如果img的src路径是错的,会不会发起请求


推荐陈皓一篇博文 浏览器的渲染原理简介
http://coolshell.cn/articles/9666.html


根据我的经验,html是最先加载的,与其它文件是否下载到本地无关。
html的图片引用解析后边下载边加载。
css的图片引用一旦解析,便开始加载进程。
js中的图片要看js具体的语句来判断何时加载。
LZ说的“img的图片”应该就是指img标签的src属性指向的地址吧?它是直接写在HTML代码中的。而背景图片现在一般通过css代码来引用。当然也可以使用HTML的background属性来引用,但它不是HTML全局属性,只能用在body标签。
img标签的src属性指向的地址如果是符合URL规范的死链,依然会发起请求。因为浏览器没有得到发起请求的结果就无从判断URL是否有效。
希望能对楼主有所帮助。


css的话加载失败页面还是会显示的至于慢的话页面等不等还真不知道...
js的话加载慢页面是在等, 因为我最近经常按停止加载该页面,否则就一片空白,估计是因为有些网站用了google上的jquery
如果路径是错的请求还是会发的,不发它也不知道错不错哇。
顺便推荐下这篇文章 浏览器的工作原理 ->http://www.html5rocks.com/zh/tutorials/internals/howbrowserswork/

【热门文章】
【热门文章】