关于img标签中图片资源下载时间的问题

来源:1-4 前端页面渲染流程

慕_男神

2016-07-07 01:58

img中的图片资源到底是在html下载的时候就会下载,还是在逐级解析DOM树的时候,解析到img时加载的时候才去请求下载?不知道这样描述可以吧。还有一个题外话,就是我发现如果把图片写到样式里,如果父级的div是display:none的话,子级的div的背景图片是不会下载的。像id="child"的背景图片是不会下载的。这是与浏览器机制有关还是规范就是这样?

<div  id= "parent" style="display:none">

    <div id="child" style="background:url("xx/1.jpg") center no-repeat"></div> 

</div>


写回答 关注

2回答

  • CC老师
    2016-09-18 11:32:59
    已采纳

    主要是跟浏览器厂商的实现机制相关,css引擎会选择是否解析不在render书中,但是存在dom树中的对象。但是大多数浏览器长生都默认选择不解析。

    慕_男神

    非常感谢!3q~

    2016-10-10 18:07:22

    共 1 条回复 >

  • 慕数据1957727
    2016-07-07 18:05:50

    第一个描述按照我的理解是正确的,第二个我认为是按照规范,因为跟render树有关

前端性能优化-基础知识认知

前端小白进级必学技能前端性能优化,主讲优化目的方法

61547 学习 · 34 问题

查看课程

相似问题