文章详情页
前端 - 如何加速css background图片的加载速度
浏览：78日期：2023-08-14 17:37:10
问题描述
我在我的一个页面中,用了几处css background设置为图片的, 图片大概就是几十K这样..现在 首次 打开网页时, 这几处地方明显加载慢, 看起来像是样式全部加载完之后, 图片才刷出来..有什么方法可以加快css加载; 或者说.让这些图片加载起来和看起来页面同步一些,不会留着一些空白等待加载!用的nginx,上了https和http2...有什么解决方案,不一定是加速.
问题解答
回答1：果断就懒加载吧，简单好用
回答2：预加载图片，加入loading层，性能略有下降，但是体验好很多
回答3：一个页面用到多处可以首先减少请求数先把图片处理成一张ｓｐｒｉｔｅ图，，然后再对图片进行压缩，其实还是具体问题具体分析，最好是可以看到比较具体的代码
回答4：静态资源可以放到cdn上，图片很大的话，建议预加载或者懒加载。懒加载时，建议用css提前占位，以免造成不必要的reflow。另：图片偏大的话，不建议使用雪碧图。
回答5：1.最懶的方法用lazyload
回答6：首先 雪碧图 自是不用说 当然 你也得看大小而定
其次 看图片所在的区域 如果有部分图片不在即视区的话 可以使用懒加载
如果以上条件都不满足 就可以通过图片压缩 来减小图片尺寸
标签：
CSS
相关文章：
1. idea 编译的java文件 外面直接运行2. python - 有哪些预测算法可以根据实时增量数据更新算法并预测后续数据？3. mysql - 分库分表、分区、读写分离 这些都是用在什么场景下 ，会带来哪些效率或者其他方面的好处4. python中def定义的函数加括号和不加括号的区别？5. 编程小白 问关于python当中类的方法的参数问题6. pip安装提示Twisted错误问题（Python3.6.4安装Twisted错误）7. html的qq快捷登录怎么搞？求个源码8. （JAVA）最近在做到支付宝的一码多付支付接口，发现没有异步回调通知，需要自己轮询查询订单状态，这个需要怎么实现？9. mysql - select查询多个纪录的条件怎么写10. mysql - 求SQL语句：查询某个值介于两个字段值之间的记录。
排行榜
网公网安备