核心提示:这段时间一直都在为网站架构的事情所烦恼,前端,程序,服务器三个方面应当如何和谐才干达到一个较为优化的网站架构呢?根据先辈的经验,我总结了以下文档,特分享。 |
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测试服务器并与公网服务器的同步
长处:避免公网页面呈现错误,加强用户体验。
黄建彬