最近做首屏性能优化,实测下来,background-image图片比<image>标签图片加载快,看到这个帖子https://developers.weixin.qq.com/community/develop/doc/000ace6189c0c03bc719a781856009?highLine=background%25E5%258A%25A0%25E8%25BD%25BD%25E6%25AF%2594image%25E5%25BF%25AB
里面说 【image 控件的图片拉取本质上是 web 上的 backgroundImage】那是不是可以理解<image>对backgroundImage做了一系列封装,导致<image>没有直接使用backgroundImage加载图片快?
<image>
标签是一个HTML标签,它使用的是浏览器内置的图片加载机制。当页面加载时,浏览器会立即请求所有的<image>
标签中指定的图片资源,然后将其显示在页面上。因此,<image>
标签加载速度相对较快。而CSS中的
background-image
属性则是通过CSS样式表加载的。当页面加载时,浏览器会先解析HTML和CSS文件,然后再根据CSS文件中的定义去下载相应的图片资源