WEB前端学习路线

WEB前端学习路线：

转自 https://github.com/qiu-deqing/FE-learning

- WEB性能优化：

转自http://www.haomou.net/2015/11/05/2015_web_fast/

Summary：

（1） web前端性能优化的发力方向：1.减少请求数，降低请求量；2.减少重绘和回流。

（2）衡量性能的重要指标：首屏载入速度。

方法：优先加载首屏渲染所需资源，而后加载交互所需资源。

（3）对浏览器的理解：

1. 网页自上而下的进行解析渲染，边解析变渲染，页面内的css文件会阻塞渲染，异步css文件会导致回流；

2. 浏览器在document下载结束会检测静态资源，新开线程下载（有并发上限），在带宽限制的条件下，无序并发会导致主资源速度下降，从而影响首屏渲染;

3. 浏览器缓存可用时会使用缓存资源，这个时候可以避免请求体的传输，对性能有极大提高;