天晴后

1.svg 其实就是一套字体 font-family 然后每一个图标对应一个content就是unicode 浏览器会自动找到这套字体里面对应的图标 从Png->iconfont: 优点:1.多个图标

1.从url输出到页面显示发生啦什么 1.http协议 2.dns查找 3.html解析转成dom树 4.渲染过程是重点 答：浏览器有个ui线程，接受用户的输入处理，可以是搜索关键字或者是网站，即搜索

1.启用Gzip 用nginx对除了图片的资源开启传输层的压缩 2.启用keep-alive http的keep-alive 我们对tcp连接进行复用 比如我们连接一个服务器 我们就可以复用tcp连接

1.tree shaking 1.上下文未用到的代码 2.所有代码都必须基于es6 import 和export 3.mode='production‘自动就有tree-shaking 原理 webp

1.为什么要压缩/合并 1.减少http请求数量 2.减少请求资源大小 3.压缩 1.html/css压缩 在线工具压缩,插件html-minifier-terser,clean-css压缩 2.js

1.js耗时 js文件耗时最多，因为同等大小的文件 js要经过加载，解析，执行，而同等大小加载时间一致 但是解析js和执行js要比其他文件慢很多，所以js代码性能很关键，文件大小我们压缩文件，后两个的

1.浏览器渲染流程 performance里面的信息 浏览器拿到一串文本，根据''<>''解析出所有标签构造出一颗树，这个就是dom即文档模型，然后会把样式也根据标签加到树里面，即dom树->csso

1.工具 1.devtool 主要是瀑布 串行加载和并行加载 以及单个加载在各阶段花费的时间 ttfb:表示这个请求发起到资源回来的时间，后台响应或者网络卡顿 contentdownload:下载资源

1.主要功能是时间切片和优先级调度 1.时间切片 时间切片的本质是模拟实现requestIdleCallback 浏览器一帧执行的任务，除去浏览器重排/重绘还有四个是可以用来执行我们的js的 只有re