前端性能优化

1.加载优化

加载过程是最为耗时的过程，可能会占到总耗时的80%的时间，是优化的重点。

1.减少HTTP请求

2.合并图片，使用雪碧图

3.缓存，减少向服务器的请求数，节省加载时间，所有的静态资源都要在服务器端设置缓存，并且尽量使用长Cache(长Cache资源的更新可使用时间戳)

　　a) 缓存一切可缓存的资源 

　　b)使用长Cache（使用时间戳更新cache）

　　c)使用外联式引用css、js

3.压缩html、css、javascript

4.无阻塞 

　　写在HTML头部的JavaScript（无异步），和写在HTML标签中的Style会阻塞页面的渲染，因此CSS放在页面头部并使用Link方式引入，避免在HTML标签中写Style，JavaScript放在页面尾，部或使用异步方式加载

5.使用首屏加载

首屏加快显示，可以大大提升用户对页面速度的感知，因此应尽量针对首屏的快速显示做优化

6.按需加载

　　a) LazyLoad
　　b) 滚屏加载
　　c) 通过Media Query加载

7.预加载

大型重资源页面（如游戏）可使用增加Loading的方法，资源加载完成后再显示页面。但Loading时间过长，会造成用户流失
对用户行为分析，可以在当前页加载下一页资源，提升速度
　　a) 可感知Loading(如进入空间游戏的Loading)
　　b) 不可感知的Loading（如提前加载下一页）

8.压缩图片

9.减少cookie

9.避免重定向

10.异步加载第3方资源

11.CDN预热

可以将静态资源提前预热处理，加速用户的访问速度。