浏览器架构、渲染引擎、chrome架构 、性能指标performance

浏览器架构：用户界面、浏览器引擎、渲染引擎、网络、xml解析器、显示后端、数据持久。

渲染引擎结构和工作流程：

html/css/js   

dom树、渲染树、布局渲染树

显示后端绘制渲染树

chrome架构：

浏览器主进程（用户界面，子进程管理，用户交互）、 网络进程、工具进程、渲染进程（一个域名一个，里面有渲染主线程）、插件进程（多个）、gpu渲染进程（一个）。

TTFB : Time To First Byte, ⾸字节时间
FP     : First Paint, ⾸次绘制
FCP   : First Contentful Paint, ⾸次有内容的绘制
FMP  : First Meaningful Paint, ⾸次有意义的绘制
TTI   : Time To Interactive, 可交互时间，推荐的响应时间是100ms 以内否则有延迟感 
FID   : FID（First Input Delay），记录在 FCP 和 TTI 之间⽤户⾸次与⻚⾯交互时响应的延迟
TBT   : 阻塞总时间，TBT（Total Blocking Time），记录在 FCP 到 TTI 之间所有⻓任务的阻塞时间总和
CLS   : 累计位移偏移，CLS（Cumulative Layout Shift）记录了⻚⾯上⾮预期的位移波动。使⽤按钮动态添加了某个元素，导致⻚⾯上其他位置的代码发⽣了偏移，造成了⻚⾯
LCP   : 最大内容绘制，代表了⻚⾯的速度指标， LCP 能体现的东⻄更多⼀些。⼀是指标实时更新，数据更精确，⼆是代表着⻚⾯最⼤元素的渲染时间，最⼤元素的快速载⼊能让⽤户感觉性能还挺好。