基本概念
WEB 页面运行在各种各样的浏览器当中，浏览器载入、渲染页面的速度直接影响着用户体验简单地说，页面渲染就是浏览器将 HTML 代码根据 CSS 定义的规则显示在浏览器窗口中的这个过程。
渲染过程
1. 用户输入网址（假设是个 HTML 页面，并且是第一次访问），浏览器向服务器发出请求，服务器返回 HTML 文件；
2. 浏览器开始载入 HTML 代码，发现 <head> 标签内有一个 <link> 标签引用外部 CSS 文件；
3. 浏览器又发出 CSS 文件的请求，服务器返回这个 CSS 文件；
4. 浏览器继续载入 HTML 中 <body> 部分的代码，并且 CSS 文件已经拿到手了，可以开始渲染页面了；
5. 浏览器在代码中发现一个 <img> 标签引用了一张图片，向服务器发出请求。此时浏览器不会等到图片下载完，而是继续渲染后面的代码；
6. 服务器返回图片文件，由于图片占用了一定面积，影响了后面段落的排布，因此浏览器需要回过头来重新渲染这部分代码；
7. 浏览器发现了一个包含一行 JavaScript 代码的 <script> 标签，赶快运行它；
8. JavaScript 脚本执行了这条语句，它命令浏览器隐藏掉代码中的某个 <div>（style.display=”none”）。杯具啊，突然就少了这么一个元素，浏览器不得不重新渲染这部分代码；
9. 终于等到了 </html> 的到来，浏览器泪流满面……
10. 等等，还没完，用户点了一下界面中的“换肤”按钮，JavaScript 让浏览器换了一下 <link> 标签的 CSS 路径；
11. 浏览器召集了在座的各位 <div><span><ul><li> 们，“大伙儿收拾收拾行李，咱得重新来过……”，浏览器向服务器请求了新的CSS文件，重新渲染页面。 浏览器每天就这么来来回回跑着，要知道不同的人写出来的 HTML 和 CSS 代码质量参差不齐，说不定哪天跑着跑着就挂掉了。好在这个世界还有这么一群人——页面重构工程师，平时挺不起眼，也就帮视觉设计师们切切图啊改改字，其实背地里还是干了不少实事的。
reflow（回流）
说到页面为什么会慢？那是因为浏览器要花时间、花精力去渲染，尤其是当它发现某个部分发生了点变化影响了布局，需要倒回去重新渲染，内行称这个回退的过程叫 reflow（回流，相关链接：reflow（回流））。 
reflow 几乎是无法避免的。现在界面上流行的一些效果，比如树状目录的折叠、展开（实质上是元素的显 示与隐藏）等，都将引起浏览器的 reflow。鼠标滑过、点击……只要这些行为引起了页面上某些元素的占位面积、定位方式、边距等属性的变化，都会引起它内部、周围甚至整个页面的重新渲 染。通常我们都无法预估浏览器到底会 reflow 哪一部分的代码，它们都彼此相互影响着。 当 然，reflow 问题是可以优化的，我们可以尽量减少不必要的 reflow。比如开头的例子中的 <img> 图片载入问题，这其实就是一个可以避免的 reflow —— 给图片设置宽度和高度就可以了。这样浏览器就知道了图片的占位面积，在载入图片前就预留好了位置。
repaint（重绘）
另 外，有个和 reflow 看上去差不多的术语：repaint，中文叫重绘。如果只是改变某个元素的背景色、文 字颜色、边框颜色等等不影响它周围或内部布局的属性，将只会引起浏览器 repaint。repaint 的速度明显快于 reflow（在IE下需要换一下说法，reflow 要比 repaint 更缓慢）。
转载自：http://www.muzilei.com/archives/522
相关推荐
在学习过程中，接触到浏览器渲染网页这个问题，在经过查找有关文档后，就该问题谈谈我自己的理解。
我们将来学习浏览器渲染原理这部分的知识
因此，所谓的浏览器内核 通常也就是指浏览器所采用的渲染引擎，渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。不同的浏览器内核对网页编写语法的解析也有所不同，因 此同一网页在不同的内核浏览器里的...
使用three.js在浏览器中渲染的 3d 场景
所有现代浏览器都是用C++来编写核心的渲染引擎。Mozilla研究院启动Servo项目构建一个新的网页浏览器引擎，在保留那些浏览器引擎的功能之外，也利用了并行硬件的最新趋势且具更好的内存安全性。论文PDF,TeX等多种格式...
该款维文浏览器具备传统浏览器的所有功能。... 在浏览维吾尔文网页时，浏览器渲染和加载网页速度快，可与使用市场主流浏览器打开普通网页的速度想媲美。更多的发现等待您的体验，欢迎您的热情评价。
Microsoft Edge浏览器是微软公司发布的一款不同于传统IE的新型网页浏览器，曾经叫Spartan浏览器，现在更名为Microsoft Edge Chrome，基于Chromium内核的全新Edge浏览器已经正式发布，交互界面更加简洁，还将兼容现有...
Microsoft Edge浏览器是微软公司发布的一款不同于传统IE的新型网页浏览器，曾经叫Spartan浏览器，现在更名为Microsoft Edge Chrome，基于Chromium内核的全新Edge浏览器已经正式发布，交互界面更加简洁，还将兼容现有...
不渲染网页,可自定义屏蔽广告,多媒体资源的浏览器(独立进程)), 遥望浏览器将提供一种伪"GET/POST"环境,你可以像使用POST那样去操作浏览器,并获得结果。 不同的是你无需担心复杂参数的构造问题,浏览器将会为你提供一...
猎豹浏览器是由金山网络推出的一款浏览器，主打安全与极速特性，采用Trident和WebKit双渲染引擎，并整合金山自家的BIPS进行安全防护。猎豹浏览器对Chrome的Webkit内核进行了超过100项的技术优化，访问网页速度更快。...
实现原理：H5调用系统媒体设备》选择前置摄像头》捕获视频流》渲染到视频播放器》定时抓取视频截图》渲染到canvas》转换为图片流》使用图像识别库对图片流进行二维码识别 优势： 1.基于浏览器实现，轻便且维护方便...
4．体积轻巧功能丰富(一个网页多个窗口)，媲美同类多窗口浏览器； 5．支持鼠标手势、超级拖拽、地址栏自动完成等高级功能； 6．广告智能过滤、上网痕迹一键清除，保护隐私免干扰； 几米浏览器软件优势 几米...
Microsoft Edge浏览器是微软公司发布的一款不同于传统IE的新型网页浏览器，曾经叫Spartan浏览器，现在更名为Microsoft Edge Chrome，基于Chromium内核的全新Edge浏览器已经正式发布，交互界面更加简洁，还将兼容现有...
猎豹安全浏览器，是由猎豹移动公司（原金山网络）推出的一款浏览器，主打安全与极速特性，采用Trident和WebKit双渲染引擎，一方面它具备Chrome的高速，另一方面也能够通过切换到IE内核来保证网页的正常显示。...
猎豹浏览器是由金山网络历时半年多开发、推出的主打安全与极速特性的浏览器，抢火车票提升10倍，界面炫酷，采用Trident和WebKit双渲染引擎，并整合金山自家的BIPS进行安全防护。猎豹浏览器对Chrome的Webkit内核进行...
浏览器渲染的网页是丰富多彩的数据集合，而爬虫得到的是网页的源代码htm有时候，我们不能在网页的html代码里面找到想要的数据，但是浏览器打开的网页上面却有这些数据。这就是浏览器通过ajax技术异步加载（偷偷下载...
高速内核也迎来较大升级，高速内核性能进一步增强，渲染能力、网页标准兼容性都有了大幅提升。 2. 皮肤：浏览器默认皮肤全新改版，界面更清爽、更现代。 3. 安装界面：重新设计了安装程序，安装界面简约时尚，并可一...
（1）可以将网页渲染到UI上 （2）支持CSS、HTML和JavaScript （3）可以用来Unity和JavaScript的通信 （4）可以控制网页的前进、退后、重新加载、控制缩放大小等 （5）支持Video、支持SVG （6）自定义鼠标样式 （7）...
一、闪游浏览器2.50更新历史 新增：全新默认皮肤 新增：换肤功能（右上角的衣服按钮） 新增：离线登录功能（不联网也可本地登录并访问账户下的收藏夹等数据） 新增：把网页添加到桌面快捷方式（标签上右键） 新增：...