web前端性能优化小结( 八 ) 作为一名前端

设置合适的过期时间，比较长的过期时间可以提高响应速度。

28.对于页面内容使用无coockie域名

29.优化图像：尽可能在不损失质量的前提下压缩图片的大小

检查GIF图片中图像颜色的数量是否和调色板规格一致。如果你发现图片中只用到了4种颜色，而在调色板的中显示的256色的颜色槽，那么这张图片就还有压缩的空间。

尝试把GIF格式转换成PNG格式，看看是否节省空间。大多数情况下是可以压缩的。

在所有的PNG图片上运行pngcrush（或者其它PNG优化工具）。前端优化

在所有的JPEG图片上运行jpegtran 。这个工具可以对图片中的出现的锯齿等做无损操作，同时它还可以用于优化和清除图片中的注释以及其它无用信息

30.优化CSSSpirite

Spirite中水平排列图片，垂直排列会增加文件大小；

Spirite中把颜色较近的组合在一起可以降低颜色数，理想状况是低于256色以便适用PNG8格式；

不要在Spirite的图像中间留有较大空隙。这虽然不大会增加文件大小,但对于用户代理来说它需要更少的内存来把图片解压为像素地图。 100×100的图片为1万像素， 1000×1000就是100万像素。

31.不要在HTML中缩放图像

web前端性能优化小结( 八 )