浏览器加载页面流程--未完

了解浏览器加载html页面的流程及原理，是为前端开发页面的时候，更加优化页面性能，提高用户体验。
在了解浏览器加载流程之前，我们先了解下浏览器内核。

浏览器内核

页面用到的语言主要有：html,css,javascript
不同浏览器获取这些东西后，将代码渲染出来，内核就是完成渲染工作的。
浏览器内核也被成为排版引擎layout engine、渲染引擎rendering engine
1、trident
我们通常叫ie浏览器，2011年，ie9开始，trident才支持html5和css3，之前一度与W3C标准脱节。前端浏览器兼容一般不会考虑ie8之前的浏览器。国内浏览器如360安全浏览器，百度，猎豹会包装ie内核，后面结果发展有的内核发生变化。
2、Gecko
FireFox浏览器内核。特点代码完全公开，因此其开发程度很高，全世界程序员都可以编写代码，增加功能。

3、webkit
苹果公司开发的内核，safari浏览器使用的内核。webkit引擎包含了webcode排版引擎和JavaScriptCode解析引擎。分别是从KDE的KHTML和KJS衍生而来，它们都是自由软件，在GPL条约下授权，同时支持BSD系统开发。
Chrome、360极速浏览器以及搜狗高速浏览器也使用Webkit作为内核（在脚本理解方面，Chorome使用自己研发的V8引擎）。
4、Blink
这是由Google和Opera Software开发的浏览器排版引擎，Google计算将这个渲染引擎作为Chromium计划的一部分，并且在2013年4月公布了这一消息。这一渲染引擎是开源引擎Webkit中WebCore组件的一个分支，并且在Chrome（28及往后版本）、Opera（15及往后版本）和Yandex浏览器中使用。

内核发展时间线

浏览器份额

常用浏览器最新版本的内核是什么？

以上提到的引擎为排版引擎，浏览器还需搭载js引擎。Chromium就是Blink排版引擎+V8 js引擎。 国内很多浏览器用的就是Chromium的一套。
浏览器 | 内核|
- | :-: | -:
Chrome | Blink|
IE | Trident|
Firefox | Gecko|
Safari | WebKit|
Opera | Blink|
Edge | EdgeHTML(Tredent的一个分支）|
360安全浏览器 | Trident + Chromium|
360极速浏览器 | Trident + Chromium|
QQ浏览器 | Trident + Chromium|
搜狗浏览器 | Trident + Chromium|
百度浏览器 | Trident + Chromium|
2345智能浏览器 | Trident + Chromium|
UC浏览器电脑版 | Trident + Chromium|

使用以上双核浏览器时，可以自动/手动切换内核来浏览网页.

Name	Academy	score
Harry Potter	Gryffindor	90
Hermione Granger	Gryffindor	100
Draco Malfoy	Slytherin	90