1.前端常用优化方法
1.资源合并压缩 减少http请求
尽量合并和压缩html js css文件，借助前端工具比如webpack gulp grunt
开启gzip压缩
2.图片优化
雪碧图 图片压缩 svg base64
3.懒加载、预加载
懒加载：图片进入可视区域之后请求图片资源对于电商等图片很多，页面很长的业务场景适用，并发加载的资源过多会阻塞js的加载，影响网站的正常使用
预加载：图片等静态资源在使用之前的提前请求，资源使用到时能从缓存中加载，提升用户体验
4.浏览器存储localstorage 大小为5mb左右仅为客户端使用，不和服务端进行通信，浏览器本地缓存方案
indexedDB用于客户端存储大量结构化数据，为应用创建离线版本
5.浏览器缓存
强缓存
expires
缓存过期时间，用来指定资源到期的时间，是服务器端的绝对时间，告诉浏览器在过期时间前浏览器可以直接从浏览器存取数据，而不需要再次请求
cache-control：max-age=xxx
声明资源在加载后的xxx秒内都可以直接使用缓存，使用的是相对时间，即加载文件本机的时间
如果在cache-control响应头中设置了maxage指令那么expires就会被忽略
协商缓存
触发条件是cache-control的值时no-cache（不强缓存）
max-age过期了
{
last-modified/if-modified-since
某些服务器端不能获取精确的修改事件，文件修改时间改了但是文件内容没有更改
etag/if-none-match
文件内容的hash值
}
6.cdn内容分发网络也可以优化性能
2.前端错误监控以及上报
1.前端错误分类
即时运行错误：代码错误
资源加载错误
对于跨域的代码运行错误
