概述
小于 1 分钟
1. 架构的演进
单进程架构 --> 多进程架构 --> 面向服务的架构(SOA,依旧是多进程模型,越拆越多) --> 弹性架构: 在强大性能设备上会以多进程的方式运行基础服务,但是如果在资源受限的设备上,Chrome 会将很多服务整合到一个进程中,从而节省内存占用
目前的chrome架构:打开chrome浏览器程序,然后打开浏览器的任务管理器可以看到浏览器的相关进程
- 浏览器主进程(一个)
- 网络进程(一个)
- 缓存进程(一个)
- GPU进程(从主进程中独立出来的进程)
- 渲染进程(多个)
- 插件进程(多个)
2. 整体流程
url到页面展示的流程,其中最后的渲染流程很重要
3. 渲染流程
4. 浏览器中的JS执行机制
5. 性能优化
- 加载阶段
- 交互阶段