Liferay 前端性能调优(5) sprite图片


固然了,对于图片文件,咱们不能够用yui-compressor进行压缩,可是咱们能够吧若干个小图片sprite成一张大图片而后给出每一个图片的坐标,从而减小网络IO的次数开销。css


具体步骤是:
web


(1)压缩全部的图片文件成一个zip包网络

(2)上传到如下地址:http://spritegen.website-performance.org/ide

(3)而后它就会产生一个报告而后告诉你css的改变而且建立sprite后的图片ui


而后对应的坐标也改变了,以下:orm


而后咱们就能够直接移植到项目中使用了。图片

相关文章
相关标签/搜索