前端优化的一些技巧

1.放在外部文件 优势:
  A.提高了js/css的复用性
  B.减少了页面体积
  C.提高了js/css的可维护性
内部写法 优势:
  A.减少页面请求
  B.提高渲染速度
写在页面内
  A.只是应用于一个页面
  B.不经常被访问到
  C.脚本和样式很少 几十行的情况
这两条 看情况而定
2.script写在底部 防止不先加载css而出现页面空白的情况
3 少写或者不写css 表达式 css Expression
4.使用cdn架构 花钱 提高速度
5.把css放在页面最上面 先加载页面

6.启用Gzip压缩
7.添加expires/cache-control头
8.减少http请求数
9.DNS查询要消耗20ms的时间 如果有大量的DNS查询 要消耗大量的时间 所以我们要采用缓存技术。
  A.IE浏览器DNS缓存时间大概是30Minutes ff/chrome大概60s
  B.缓存时间较长时,可以减少DNS的重复查找,节省时间.
时间较短时,及时的检测网站服务器的变化,保证正确性.
  C.根据需要选择单域名或者多域名的方式。其中多域名指的是js/www/img分别存放在不同的域名下.
10.最小化js和css
  A.去除不必要的空格、格式符、注释符
  B.简写方法名和参数名来压缩js
11.避免重定向
  A.301是永久重定向 302是临时重定向.
对于搜索引擎来说,网站使用301,搜索引擎引用新的地址,删除旧的地址.而302搜索引擎先找旧地址再找新地址。
  B.重定向使用户增加了HTTP的请求.
12.避免重复js脚本的引用
13.配置实体标签ETAG
14.使Ajax缓存.Ajax具有分批加载和局部刷新的功能.
  A.通常Ajax有GET/POST.(POST是将表单内各个字段放在header内传送到URL中的,禁止缓存)

---------网站性能检测工具Yslow-----------------------