web 优化备忘

    // 1. POST 操作比GET多处理了一步：先发文件头，再发数据 ———— 网络层的实现
    // 2. GET url 在IE下最多使用2K数据。
    Use GET for AJAX Requests

    // 1.这里涉及到良好的DOM结构以及优化.
    Reduce the Number of DOM Elements

    // 1. 浪费资源
    No 404s

    // 1. 本地存储；
    Reduce Cookie Size

    // 1. tianyaui.com 不同于 tianya.cn 
    Use Cookie-Free Domains for Components
    Avoid Filters

    // 如果只需要在100*100的空间显示图片，请不要返回一张1000*1000的图片。很浪费。
    Do Not Scale Images in HTML

    // 1. 即使不在页面写，浏览器会自动去取，所以它要有。
    // 2. 尽量小、可以cache
    Make favicon.ico Small and Cacheable

    // 1.单个域名并发的连接数；
    // 2.浏览器的并发连接数；
    Split Components Across Domains


  Minimize HTTP Requests : 
        1. 合并js/css;
        2. CSS Sprites 处理背景图片
        3. cache 相关
        4. 延迟加载图片资源;
        5. CSS 的 @import语法：因为它会增加请求，调试的时候使用.

    Use a Content Delivery Network

    // IE6/7浏览器会自动发请求。不要设置src属性。
    Avoid empty src or href
        
        // HTML     
        <img src="">
        
        // javascript 代码 
        var img = new Image();
        img.src = ""; //avoid!

    Add an Expires or a Cache-Control Header
    Gzip Components
    Put StyleSheets at the Top
    Put Scripts at the Bottom（其实异步加载更好）

     /* 
        1. 性能低下:页面渲染、大小变化、页面滚动、鼠标的移动都有可能触发它的重新计算。
        2. 代码难以维护。
     */
    Avoid CSS Expressions  
   
    // 文件可以被cache
    Make JavaScript and CSS External :
    Reduce DNS Lookups
    Minify JavaScript and CSS
    Avoid Redirects
    Remove Duplicate Scripts