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

了解浏览器加载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