1.可以采用采用Css Sprite将背景图片,图标图片集成在一张图片内。优点是可以减少用户代理对服务器的请求次数;加快用户载入
页面时间。
2.Css & Js 统一使用YUIcompressor之类的工具进行代码压缩处理。 优点是可以加快服务器结束线程的时间;加快用户载入页面时
间。
3.色彩尽量不超过256色的图片,少采用JPG格式存储。 优点是可以减少文件大小,加快页面载入速度。
4.使用PNG8格式的PNG图片代替Gif格式图片。优点是具备比Gif更高的压缩比,有利于网络传塑,加快页面载入速度。但缺点是ie6不
支持
5.设计稿图片尽量减少一些渐变效果的使用。优点是减少JPG图片的数量,加快用户载入页面时间。
6.页面可以使用Gzip压缩输出。优点是可以减小输出的用户数据大小,加快页面载入时间。
7.图片与Web服务器分离。这样有助于减小Web服务器压力。
8.尽量将js脚本整合在一两个js文件里。既可以提高复用性,也能减小页面size
9.尽可能使用div+css布局。可以有效减小页面size,提高浏览器载入速度。但很容易遇到浏览器兼容问题,很头痛
发表回复