您现在的位置:首页 >> 前端 >> 内容

前端性能提升之雪碧图

时间:2017/7/24 9:38:26 点击:

  核心提示:每张图片就是一个http请求,将多个小图片合并成精灵图可以有效减少请求数量,对提高加载速度很有帮助。小菜鸟刚上手做精灵图的小总结 :一、顺序一定不要弄反。先确定了图的尺寸再去写外层容器的布局(第一次做...

每张图片就是一个http请求,将多个小图片合并成精灵图可以有效减少请求数量,对提高加载速度很有帮助。

小菜鸟刚上手做精灵图的小总结 :一、顺序一定不要弄反。先确定了图的尺寸再去写外层容器的布局(第一次做也没留意美工给的图分了两种尺寸,瞎搞合成了好几次...)

二 、如果外部容器比较大 ,设置背景图片后会出现最后一张小图出现在视图中的情况。尝试在第一张图片前加空白图片:第一次用的是Alloy团队的goPng,拉进去的空白图片直接被忽略;换用在CSDN上下载的CssSprite后可以导入空白图片。问题解决。

作者:网络 来源:m0_3802496