前端优化

1，方法级别
雅虎军规
FIS3
2，架构级别
bigpipe（Facebook优化）

1，技术优化出发点（解耦）
（1）复用（维护性、开发成本）
前端复用：
1）文件复用：js、css、html(错误页面)、媒体文件
ps: css--button在标准浏览器下有黄边，在IE下没有，reset.css
2）后端复用
通用接口；
UI模块复用；
通用API复用；
（2）加载方式（提升用户体验）（网络层和文件加载顺序方面）
同步加载；
分级加载；
按需加载；

2，优化术语定义
（1）技术类
首屏时间；
白屏时间；
可操时间；
连通率（多视频类）；
（2）产品类
pv一次访问一次pv；
uv多次访问同一个人一次uv；
day日活跃用户数量；
MAU月活跃用户人数；
跳出率（3s内）；

1，回流reflow、重绘repaint
reflow：位置大小发生改变，dom元素的添加、修改、删除；
repaint：颜色改变，字体、边框；

回流reflow一定触发重绘repaint；
重绘不一定触发回流；

2，如何避免
（1）display
（2）元素从dom中删除，修改后再添加到原位置
（3）创建多个dom节点，可使用documentFragment，创建后一次性加入document

3，会触发重绘
（1）改变字体
（2）增加或移除样式表
（3）内容变化（input输入文字）
（4）激活css伪类，eg：hover
（5）脚本操作dom
（6）计算可见的宽高
（7）设置style属性的值
ps:其中用户肉眼可见的操作都会引起重绘