收藏
回答

为什么小程序<Image>标签的图片没有backgroundImage加载速度快?

最近做首屏性能优化,实测下来,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加载图片快?


回答关注问题邀请回答
收藏

1 个回答

  • bug
    bug
    2023-10-26

    <image>标签是一个HTML标签,它使用的是浏览器内置的图片加载机制。当页面加载时,浏览器会立即请求所有的<image>标签中指定的图片资源,然后将其显示在页面上。因此,<image>标签加载速度相对较快。

    而CSS中的background-image属性则是通过CSS样式表加载的。当页面加载时,浏览器会先解析HTML和CSS文件,然后再根据CSS文件中的定义去下载相应的图片资源


    2023-10-26
    有用
    回复
登录 后发表内容