浏览器优化方案

我们来说说现在浏览器优化的大致的几种方案

1. 优化首屏加载，减少白屏事件，提升加载性能，非主要的script文件可以使用异步加载，这样的话加载完可以快速显示网页的样式结构，想让用户看到页面。
2. 减少Http请求损耗，使用CDN(内容分发网络)加载共用库，使用强缓存和协商缓存来减少需要数据请求的需求，使用域名收敛，(pc端使用域名发散)，小图片可以使用Base64代替，一些没有必要使用post的请求使用get请求代替post请求，设置缓存生命周期减少预检请求，页面内跳转其他域名或请求其他域名的资源时使用浏览器prefetch预解析等
3. 延迟加载一些非重要的资源库，非首屏的图片延迟加载，spa的组件懒加载(spa 单页面应用程序)一般应用于app首页的加载，因为app一般都是单页面应用程序。
4. 减少请求内容的体积：开启服务器Gzip压缩，js、css文件合并压缩，减小cookies大小，ssr(服务端渲染)直接输出渲染后的html页面
5. 浏览器原理:优化关键渲染路径，尽可能减少阻塞渲染的js、css
6. 优化用户等待体验，白屏使用加载进度条，loading图，骨架屏代替 骨架屏就是加载图片时，当图片还没出来，位置已经预留好了，先使用背景颜色代替 (色块)，让用户知道我们程序是在加载中。