前端性能优化

课程简介

基础优化

进阶优化

结合服务端优化

回顾总结

资源的合并与压缩

总览描述

• web前端本质就是gui软件
  
  安装包，访问的是本地的资源
  
  通过http去请求，服务器去分发，动态增量的返回资源
• http请求和返回经历了什么
  
  

1.浏览器主要负责render的过程，就是浏览器根据请求回来的HTML、关联的CSS\JS去进行渲染，DOM树和CSS树渲染，然后进一步根据JS去做动态执行。
2。DNS部分优化 浏览器或者路由器层面讲DNS相关信息缓存，请求DNS加快
CDN请求静态资源解决了网络选择和缓存的问题，CDN域名不要和主站域名一样，防止所携带的COOKIE
3.多次HTTP请求损耗，合并成一个
4.渲染，服务端渲染，减少客户端渲染或者首屏优化

资源优化

减少http请求数量和请求资源大小

• 减少请求资源大小

  • html压缩
    

  • CSS压缩
    

  • js压缩和混乱

  • 

  • 文件合并

  • 开启gzip

• 减少请求数量

压缩与合并原理

合并：减少HTTP请求数量
压缩：减少请求资源大小

通过在线网站和fis3两种方式实现压缩与合并