资源合并与压缩
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，每年可以减少上亿元的支出。
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，每年可以减少上亿元的支出。