Liferay 前端性能調優(5) sprite圖片

固然了，對於圖片文件，咱們不能夠用yui-compressor進行壓縮，可是咱們能夠吧若干個小圖片sprite成一張大圖片而後給出每一個圖片的座標，從而減小網絡IO的次數開銷。

具體步驟是：

(1)壓縮全部的圖片文件成一個zip包

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

(3)而後它就會產生一個報告而後告訴你css的改變而且建立sprite後的圖片

而後對應的座標也改變了，以下：

而後咱們就能夠直接移植到項目中使用了。