搜索

首页  >  问答  >  正文

前端 - 如何加速css background图片的加载速度

我在我的一个页面中,用了几处css background设置为图片的, 图片大概就是几十K这样..
现在 首次 打开网页时, 这几处地方明显加载慢, 看起来像是样式全部加载完之后, 图片才刷出来..
有什么方法可以加快css加载; 或者说.让这些图片加载起来和看起来页面同步一些,不会留着一些空白等待加载!
用的nginx,上了https和http2...
有什么解决方案,不一定是加速.

滿天的星座滿天的星座2779 天前1281

全部回复(6)我来回复

  • ringa_lee

    ringa_lee2017-06-06 18:14:13

    果断就懒加载吧，简单好用

    回复
    0
  • 阿神

    阿神2017-06-06 09:56:29

    预加载图片，加入loading层，性能略有下降，但是体验好很多

    回复
    0
  • 黄舟

    黄舟2017-06-06 09:56:29

    一个页面用到多处可以首先减少请求数先把图片处理成一张ｓｐｒｉｔｅ图，，然后再对图片进行压缩，其实还是具体问题具体分析，最好是可以看到比较具体的代码

    回复
    0
  • 習慣沉默

    習慣沉默2017-06-06 09:56:29

    静态资源可以放到cdn上，图片很大的话，建议预加载或者懒加载。懒加载时，建议用css提前占位，以免造成不必要的reflow。另：图片偏大的话，不建议使用雪碧图。

    回复
    0
  • 漂亮男人

    漂亮男人2017-06-06 09:56:29

    1.最懒的方法用lazyload

    回复
    0
  • 大家讲道理

    大家讲道理2017-06-06 09:56:29

    首先 雪碧图 自是不用说 当然 你也得看大小而定

    其次 看图片所在的区域 如果有部分图片不在即视区的话 可以使用懒加载

    如果以上条件都不满足 就可以通过图片压缩 来减小图片尺寸

    回复
    0
  • 取消回复