性能优化

1.请求过程中一些潜在的性能优化：dns是否可以通过缓存减少dns查询时间；网络请求过程中走最近的网络环境，如，图片是否在统一域名下；相同的静态资源是否可以缓存；减少http请求；使用碎片减少服务器端渲染；图片懒加载；将大图进行压缩，样式表和脚本的顺序

2.前端性能优化：加载体积优化，合并代码，压缩图片，图片懒加载，css实现的尽量用css，减少cookie传输

缓存优化：http层面的的优化，主要是一些请求响应头，这些头信息可以控制浏览器新鲜度验证行为；工程化角度，将不容易变得资源单独打包

3.加载距离cdm，自家app做预加载优化

4.加载顺序，

 

 

前端性能优化主要从两方面考虑：加载页面和静态资源，页面渲染

1.加载页面和静态资源主要从三个角度进行

静态资源的合并和压缩能够减少http请求的数量和请求资源的大小。可以使用webpack和fis3进行

静态资源缓存 更新频率不太高的文件，让用户能够利用本地缓存

缓存分类：1）强制缓存 缓存资源未过有效期则不需要请求资源。http首部字段利用catch-contral,expires设置缓存过期时间

2）对比缓存 

使用cdn让静态资源加载更快

2.页面渲染

css放前面，js后面

懒加载

减少dom查询，对dom查询做缓存

减少dom操作，多个dom操作尽可能合并在一起执行

事件节流