##资源合并与压缩
####1.WEB前端优化的核心概念以及意义
- 不同于C/S架构,用户访问时的软件是访问本地的包,B/S架构是将软件包部署在服务器上, 当用户访问我们的程序时,浏览器才会动态的,增量的去向服务器发起请求。因此,WEB前端的请求是一个动态的,增量的请求过程。在这个过程中,如果我们的资源更少,http请求更快,那么我们的请求响应就会更快,用户体验就会更好。
####2.HTTP请求的过程中的优化
在浏览器层面,可以进行缓存,缓存请求频率比较高的资源,减少对于DNS服务器的请求。
带宽层面,可以减少http请求的大小,同时将多次http请求合并成一次,减少对网络信道的损耗
*dns可以通过缓存减少dns查询的时间
*对于vue,ng这样的框架,会在浏览器端对代码进行解析,渲染,对于这样的问题,可以使用框架进行ssr(服务端渲染)加快首屏渲染,减少首屏渲染的损耗以及浏览器的压力
- 图片和文件层面
- 使用雪碧图
- 对于图片使用image inline的方法将图片信息内嵌到html页面中,减少请求数量
- 对于代码进行打包压缩合并,减少对于文件的请求数量
####3.压缩与合并
*压缩与合并可以减少http请求数量,同时也可以减少请求资源的大小
*html压缩
*css压缩
*js压缩和混乱
*文件合并
*谷歌在每1MB的请求中减少1字节,每年可以节省流量近500TB,每年可以减少上亿元的支出。