web前端优化机制

1）内容上的优化：
     尽量减少 HTTP 请求,有几种常见的方法能切实减少 HTTP 请求：
      1) 合并文件，比如把多个 CSS 文件合成一个； 
      2) CSS Sprites 利用 CSS background 相关元素进行背景图绝对定位；
      3) 图像地图 
      4) 内联图象 使用 data: URL scheme 在实际的页面嵌入图像数据.
      2）减少 DNS 查找
      3）避免重定向 
       有差异 的。如果是 Apache 服务器，通过配置 Alias  或mod_rewrite 或是 DirectorySlash 能消除
      4）使得 Ajax 可缓存
      响应时间对 Ajax 来说至关重要，否则用户体验绝对好不到哪里去。提高响应时间的有效手段 就是Cache 。其它的一     些优化规则对这一条也是有效的。 
      5）延迟载入组件 (Post-load Components)
      6）预载入组件 (Preload Components)
      7）减少 DOM 元素数量 (Reduce the Number of DOM Elements)
      8）切分组件到多个域 (Split Components Across Domains)
       主要的目的是提高页面组件并行下载能力。但不要跨太多域名，否则就和第二条有些冲突了。
      9）最小化 iframe 的数量 (Minimize the Number of iframes)
       http 404 错误
2）面向Server端：
      1）使用 CDN (Use a Content Delivery Network)
      2） 添加 Expires 或 Cache-Control 信息头
      3）压缩内容 (Gzip Components)
      4）设置 Etags (Configure ETags)
      5）尽早刷新 Buffer (Flush the Buffer Early)
      6）对 AJAX 请求使用 GET 方法 (Use GET for AJAX Requests)
      XMLHttpRequest POST 要两步，而 GET 只需要一步。但要注意的是在 IE 上 GET 最大能处理 的 URL长度是 2K。
3）面向cookie
      1）缩小 Cookie (Reduce Cookie Size)
      根据 RFC 2109 的描述，每个客户端最多保持 300 个 Cookie，针对每个域名最多 20 个Cookie  (实 际上多数浏     览器现在都比这个多，比如 Firefox 是 50 个) ，每个 Cookie 最多 4K，注 意这里的 4K 根据不同的浏览器可能     不是严格的 4096 。别扯远了，对于 Cookie 最重要的就 是，尽量控制 Cookie 的大小，不要塞入一些无用的信息。
      2）针对 Web 组件使用域名无关性的 Cookie (Use Cookie-free Domains for Components)
 这个话题在此前针对 Web 图片服务器的讨论中曾经提及。这里说的 Web 组件(Component)，多 指静态文件，比如图片 CSS 等，Yahoo! 的静态文件都在 yimg.com 上，客户端请求静态文件 的时候，减少了 Cookie 的反复传输对主域名 (yahoo.com) 的影响。