这段时间一直都在为网站架构的事情所烦恼，前端，程序，服务器三个方面应该如何协调才能达到一个较为优化的网站架构呢？根据前辈的经验，我总结了以下文档，特分享。

这段时间一直都在为网站架构的事情所烦恼，前端，程序，服务器三个方面应该如何协调才能达到一个较为优化的网站架构呢？根据前辈的经验，我总结了以下文档，特分享。

1. UIC需要做的
采用Css Sprite将背景图片，图标图片集成在一张图片内。
优点：减少用户代理对服务器的请求次数；加快用户载入页面时间。

Css Js 统一使用YUIcompressor进行代码压缩处理。
优点：加快服务器结束线程的时间；加快用户载入页面时间。

单个数据对象小于25K。
优点：部分用户代理（如iphone），无法载入25K以上的数据对象。

外部广告图片，宣传图片尽量防止在本站图片缓存服务器上。
优点：减少用户的DNS查询，加快页面载入速度。

色彩不超过256色的图片，不采用JPG格式存储。
优点：减少文件大小，加快页面载入速度。

使用PNG8格式的PNG图片代替Gif格式图片。
优点：具备比Gif更高的压缩比，有利于网络传塑，加快页面载入速度。

JPG图片采用interlaced模式存储。
优点：色彩复杂的图片大小更小，可让图片呈渐进状态显示，直至清晰。增强用户体验。

2. UI 需要做的
设计稿图片尽量减少一些渐变效果的使用
优点：减少JPG图片的数量，加快用户载入页面时间。

3. 开发需要做的
如果出现Ajax 方式，采用Ajax缓存
可考虑

4. SA 需要做的
负载均衡
优点：减小Web服务器压力。

Gzip压缩输出
优点：减小输出的用户数据大小，加快页面载入时间。

图片与Web服务器分离
优点：减小Web服务器压力。

增加Squid缓存
优点：避免2次刷新带来的重复请求。减少服务器压力。

架构SVN测试服务器并与公网服务器的同步
优点：避免公网页面出现错误，增强用户体验。