系统优化【1】---web前端
1.设置一个独立的前端文件服务器
2.对css和js文件启用Gzip压缩
3.合同多个小css文件和js文件,但是也不宜过大,百k以内是较好的选择
4.合并小的图片, 利用 CSS background 相关元素进行背景图绝对定位,单个文件最佳控制在200K 以下
5.把CSS样式放在页面的上方,无论是HTML还是XHTML还是CSS都是解释型的语言,而非编译型的。所以CSS到上方的话,那么浏览器解析结构的时候,就已经可以对页面进行渲染。
6.将脚本放在底部
7.避免使用CSS中的Expressions
8.减少DNS查询,降低网络解析的时间损耗
9.尽量减少重定向,比如对 Web 站点子目录的后面添加个 "/ " ,就能有效避免一次重定向。http://www.xxx.com/a 与 http://www.xxx.com/a/ 二者之间是有差异的。
10.采用前端MVC框架,提高服务器每次响应的利用率
11.最小化 iframe 的数量
12.切分组件到多个域,提高页面组件并行下载能力,提高文件并行下载速度
13.单个数据对象小于 25K。
14.使用 <link> 而不是@importChoose <link> over @import。在 IE 中 @import 指令等同于把 link 标记写在 HTML 的底部。
15.缩小 Cookie,针对 Web 组件使用域名无关性的 Cookie
2.对css和js文件启用Gzip压缩
3.合同多个小css文件和js文件,但是也不宜过大,百k以内是较好的选择
4.合并小的图片, 利用 CSS background 相关元素进行背景图绝对定位,单个文件最佳控制在200K 以下
5.把CSS样式放在页面的上方,无论是HTML还是XHTML还是CSS都是解释型的语言,而非编译型的。所以CSS到上方的话,那么浏览器解析结构的时候,就已经可以对页面进行渲染。
6.将脚本放在底部
7.避免使用CSS中的Expressions
8.减少DNS查询,降低网络解析的时间损耗
9.尽量减少重定向,比如对 Web 站点子目录的后面添加个 "/ " ,就能有效避免一次重定向。http://www.xxx.com/a 与 http://www.xxx.com/a/ 二者之间是有差异的。
10.采用前端MVC框架,提高服务器每次响应的利用率
11.最小化 iframe 的数量
12.切分组件到多个域,提高页面组件并行下载能力,提高文件并行下载速度
13.单个数据对象小于 25K。
14.使用 <link> 而不是@importChoose <link> over @import。在 IE 中 @import 指令等同于把 link 标记写在 HTML 的底部。
15.缩小 Cookie,针对 Web 组件使用域名无关性的 Cookie
16.对 AJAX 请求使用 GET 方法,XMLHttpRequest POST 要两步,而 GET 只需要一步。但要注意的是在IE 上 GET 最大能处理的 URL 长度是 2K。
17.利用CDN加速服务,更好的适应中国的网络环境。