关于URL到页面渲染完成

前端开发工作者几乎天天与浏览器打交道，熟悉浏览器，能让我们的技术提升，有着质的飞越，对于浏览器运行机制，性能优化等方面，都有所帮助。

通过图片的方式，轻松理解重绘，以及重排，了解两者之间的差别，为之后的通过 CSS 性能优化来作铺垫。

通过图片的方式讲述浏览器是如何将静态资源转换为可视化界面的渲染过程。对于网页渲染性能优化有着巨大的帮助。

本文主要讲解关于获取到 HTML 文件之后，在文档解析的过程中，发出的JS 和 CSS 请求的加载先后顺序，以及对于 DOM树 生成，页面渲染的影响。

一篇文章，搞懂强缓存、协商缓存、from memory cache、from disk cache、 Expires、 Cache-Control、 Pragma以及整体HTTP缓存流程图

当用户在浏览器中输入 `URL` 地址，敲下回车的时候，到底是如何找到对应的服务器 IP地址，然后请求页面资源的？