2018-01-22

进行一波 强有力的复习

性能优化
    
    1.稳定
    2.扩展
    3.性能

    网络性能
    执行性能
============================================
网络性能
    第三方工具
        Chrome      NetWork     
                需要经验支撑分析。

        Firefox     YSLow
            http://yslow.org/

            插件版
                必须先安装       Firebug
                进入YSLow官网
                点击Firefox
                点击Add to Firefox

                一定要在选项中把自动运行勾选


            书签版
                进入YSLow官网
                点击install
                把yslow按钮拖放到书签栏
                重启浏览器
                书签版不能检测https

                有问题了。

    网络性能优化
        1.减少http请求
            1个文件=一次连接+一次请求+一次等待+一次响应
            100个文件=100连接+100请求+100等待+100响应

                合并文件
        2.合并文件
            a).减少http请求
            b).让资源更小
                4KB一个单位,不足4KB按照4KB算
        3.压缩代码
            让文件更小
        4.使用CDN加速
        5.使用GZIP压缩
        6.使用DNS
        7.懒加载


        更多搜索:雅虎军规
==================================================
    执行性能
        1.尽量不使用全局变量
        2.尽量少使用闭包
        3.减少DOM操作
        4.少使用定时器
        5.尽量使用正则操作字符串
        6.尽量不使用属性
        7.尽量使用CSS3

        减少DOM操作
        尽量不使用定时器
        尽量不使用属性
            var len = arr.length;
                for(var i=0;i

你可能感兴趣的:(2018-01-22)