性能优化!!

说起了性能的优化,
网络和执行不能落,
每项优化很重要,
网页快的你想笑。


一、性能优化主要分为:

1.网络性能:

利用第三方软件可以看出你是哪里多用了时间。
第三方软件有:
Chrome———>NetWork(但是你需要经验支撑分析。)
Firefox ———>YSLow(第三方插件)。注意:http://yslow.org/
(1)插件版:必须先安装--Firebug
  1.进入YSLow官网    2.点击Firefox     3.点击Add to Firefox
注意:一定要在选项中把自动运行勾选
(2)书签版:(出问题了暂时不用);

(1)网络性能优化

介绍几个比较常用的(如果有更多可以查看:雅虎军规)

1.减少http请求  。
2.合并文件(可以做到)
a).减少http请求    b).让资源更小
3.压缩代码(让文件更小)
4.使用CDN加速
5.使用GZIP压缩
6.使用DNS
7.懒加载

2.执行性能。

       1.尽量不使用全局变量
       2.尽量少使用闭包
       3.减少DOM操作
       4.少使用定时器
       5.尽量使用正则操作字符串
       6.尽量不使用属性
       7.尽量使用CSS3
       8.减少DOM操作
       9.尽量不使用定时器
       10.尽量不使用属性
性能优化!!_第1张图片

等一下:
鸟活着时,吃蚂蚁,
鸟死后,蚂蚁吃鸟。
一棵树可以制成一百万根火柴,
烧光一百万棵树只需一根火柴。
时间和环境随时改变。
莫贬低或伤害任何人。

你可能感兴趣的:(性能优化!!)