CPU,GPU, 内存和多过程架构
浏览器的外围是 CPU 和 GPU
CPU
Central Processing Unit — 中央处理器
一个 cpu 能够看成是计算机的大脑。一个 cpu 内核，能够设想成一个办公室工作人员，能够解决一个接一个的工作。过来，大多数的 cpu 都是单芯片。古代硬件中，通常会有多内核，为手机和电脑提供弱小的计算能力。
GPU
Graphics Processing Unit – 图形处理器，显卡。
cpu 善于同时解决跨内核的第一个简略工作。顾名思义，它是为解决图形而开发的。
计算机的三层架构：机器硬件在最底层，操作系统在两头，利用在最下面。
在过程和线程上执行程序
过程能够看作利用的执行程序。线程是存在于过程外面，并且能够执行过程的任一部分程序。
当咱们启动一个利用的时候，就会创立一个过程。程序可能会创立多个线程去帮忙其工作，当然这是可选的。操作系统会给过程分配内存块，应用程序的所有状态都能够保留在该公有空间。当关闭程序的时候，过程会隐没并且操作系统也会开释内存。
一个过程能够向操作系统申请另外一个过程来执行不同的工作，操作系统将为新过程调配另外一部分内存。如果两个过程想要通信，他们须要应用 Inter Process Communication（过程间通信）。很多利用都是以这种形式 工作的，如果一个过程无响应，能够间接重启该过程，而不须要进行执行应用程序其余局部的过程。
浏览器架构
目前没有对于如何构建网页浏览器的标准规范，因而一个浏览器的实现办法和另外一个可能齐全不同。能够是具备多个线程的一个过程，也能够是几个通过 IPC 进行通信的多个过程。
咱们以 Chrome 的架构为例子来介绍。顶部是浏览器过程，负责协调应用程序的其余过程。对于渲染过程，将会有多个并且调配给每个 tab。当初，Chrome 为每个 tab 页创立提供独自的过程，包含 iframe。
下图为 Chrome 的多过程架构图。在渲染过程下有多个图层，它示意为每个 tab 页运行了多个渲染过程。
每个过程管制什么？
| Browser Process | 地址栏、书签、后退、后退按钮。还解决一些不可见的非凡局部，比方网络申请和文件拜访。 |
|---|---|
| Renderer Process | 管制标签外面展现的所有内容。 |
| Plugin Process | 管制网站的所有插件，比方 flash |
| GPU Process | 解决与其余过程隔离的 GPU 工作。 |
不同过程指向浏览器 UI 界面的不同局部：
还有更多的过程，比方扩大过程和实用过程。咱们点击浏览器右上角的三个点，抉择“更多工具”-> “ 工作管理器 ”，它列出了以后正在运行的过程和占用的 cpu/ 内存量。如下：
Chrome 多过程架构的劣势
- 每个 tab 页领有本人过程，页面无响应之后不会影响其余的 tab。
- 为了安全性和沙箱隔离。因为操作系统提供了一种限度过程权限的办法，浏览器能够对一些确定的性能进行准确的沙箱解决。例如，chrome 浏览器严格限度了任意用户输出拜访任意文件的过程。
因为过程有本人公有的内存空间，通常蕴含通用构造的备份。这意味着更多的内存占用，因为他们不是同一过程的多个线程，因而无奈共享。为了节俭内存，chrome 限度可启动的过程个数，限度数量依据以后设施内存和 cpu 动静确定，然而当触发这个限度之后，将会对同一站点的多个 tab 页在一个过程中运行。
节俭内存 – chrome 的服务化
同样的形式实用于浏览器过程。Chrome 正在进行架构调整，将浏览器的程序每个程序局部作为一个服务运行，能够将不同的过程进行拆分和合并。
个别的想法是，当 Chrome 在弱小的硬件上运行的时候，为了稳定性它会将每个服务拆分到不同的过程，然而如果在一个资源无限的设施上，为了节俭内存 Chrome 会将服务合并到一个过程。在次更改之前，安卓平台曾经应用相似的办法为了缩小内存应用合并了多个过程。
独立渲染过程 – 站点隔离
站点隔离是 Chrome 最新引入的性能，能够为每个 iframe 运行独自的渲染过程。咱们始终在探讨每个 tab 页都有一个独立的渲染过程，它容许跨站点的 iframe 在一个渲染过程中运行，并且在不同的站点共享内存空间。在一个渲染过程中运行 a.com 和 b.com 看起来没有问题。同源策略是 web 的外围平安模型，它确保一个网站在未经同一的状况下拜访其余站点的数据，绕过此策略是平安攻打的次要指标。过程隔离是拆散站点最无效的办法。因为 meltdown 和 spectre 这两个经典破绽，咱们须要应用过程隔离站点变得更加显著。从 Chrome 67 版本以来默认启用站点隔离，每个跨站点的 iframe 会有一个独立的渲染过程。
启用站点隔离是一项多年工程积攒的成绩。站点隔离并不像调配不同渲染过程那么简略，它从根本上扭转了 iframe 的通信形式。在不同过程运行的 iframe 页面上关上 devtools 意味着 devtools 必须实现后盾的通信性能能力让它们看起来是无缝的。就算在页面上应用 ctrl + f 搜寻也意味着在不同渲染过程间查找。这就是浏览器工程师将站点隔离性能的公布当作一个次要里程碑的起因。
总结
在这篇文章中，咱们涵盖了浏览器的高级视图和多过程架构的劣势。咱们页介绍了与多过程架构密切相关的服务化和站点隔离。在下一篇中，咱们将深入研究这些过程和线程为了展现网站产生了什么。