小蚂蚁的世界

最近一直想看看浏览器渲染以及前端性能优化的内容，可是在网上找到的都是文字描述，所以想通过网上的知识去对应到chrome performance看到的过程。先看一个非常简单的页面代码： Test dom load.

写在开头，本文中的内容均为自己测试得到的结果，如有不正之处，还望指出！开始今天的学习之前，先看一个概念。“页面渲染首屏”指的是什么？首先我们要明确这个概念。首先给大家看一个图片（百度搜索引擎的页面的加载过程）：火焰图模块可以看到三条竖的虚线蓝线代表DOM生成完毕，对应DOMContentLoaded event，绿线代表第一次绘制的时间，红色代表加载完成，对应load事件。那么我们所说的是什么呢？...

1. 浏览器的线程与进程(1) 进程与线程进程学术上说，进程是一个具有一定独立功能的程序在一个数据集上的一次动态执行的过程，是操作系统进行资源分配和调度的一个独立单位，是应用程序运行的载体。我们这里将进程比喻为工厂的车间，它代表CPU所能处理的单个任务。任一时刻，CPU总是运行一个进程，其他进程处于非运行状态。线程在早期的操作系统中并没有线程的概念，进程是能拥有资源和独立运