html图片加载问题:写多个重复的img标签,在加载的时候是加载一次还是多次?

用户65262218


我们说HTML语言本身就是不严谨的,一个HTML文件哪怕什么标签都不写也是可以的,另外很多开发者在写HTML时难免会出现代码写重的情况,还有资源重复引用时到底会不会再次加载?

HTML中重复资源会加载多次

假设HTML文件中多个img标签引用的是同一个地址的图片,那是加载一次还是加载多次?可能大家潜意识中觉得是加载一次,或者认为浏览器针对重复资源会做优化,“按理”只会加载一次。

但事实是,即使多个img标签引用的是同一个地址的图片,浏览器在每遇到一个img标签都会进行解析,然后加载此图片。

若图片存在缓存,则请求可能是单次的

图片是静态资源,对于静态资源我们是可以设置缓存规则的,如果图片允许被缓存,那多个img标签引用同一张图片时,默认还是会加载多次,但加载次数并不代表请求次数。

图片要先经过请求,然后才会被加载渲染。若图片存在缓存,网络请求这一步就会被忽略,而是直接从缓存中读取图片然后加载显示。


以上就是我的观点,对于这个问题大家是怎么看待的呢?欢迎在下方评论区交流 ~ 我是科技领域创作者,十年互联网从业经验,欢迎关注我了解更多科技知识!

网络圈


你这个问题主要可能你不了解HTML文档流的概念,跟浏览器解析HTML的流程!

浏览器在解析HTML文档的时候,会检测标签,你写多少个,就会运行,就会加载这个标签,同样的就会显示多少图片.

所以显而易知,HTM文档写多少标签,浏览器就会解析多少,并且加载多少,跟多少相同的标签,重复出现的标签次数没有任何关系!

简述: 浏览器解析HTML文档规则


一米七八不穿鞋


看你的调用,多个img如果调用的是一张图片就加载一次,如果调用不同图片就多次,这关系到你的网页优化问题,对用户体验很重要喔!如果不是很重要的图片建议写在css样式里边


分享到:


相關文章: