瀏覽器的渲染引擎

2021-08-14 06:20:01 字數 657 閱讀 7105

瀏覽器渲染引擎是由各大瀏覽器廠商依照w3c標準自行實現的,也被稱之為瀏覽器核心。

目前,市面上主流瀏覽器核心有5類:

trident(ie核心)

gecko(firefox核心),開源核心;

presto(opera前核心)opera12.17

以後就用google chrome的blink核心

webkit(safari核心也是chrome核心

原型),大量使用在移動端瀏覽器上;

blink(由google和opera software

開發),webkit的乙個分支,較多移

動端採用。

渲染引擎工作流程:

解析html構建dom樹->構建渲染樹->

渲染樹布局->渲染樹繪製

css規則的匹配:從右向左

(1)減少js載入對dom渲染的影響:將js放在html文件後載入或非同步載入;

(2)避免重排,減少重繪:css動畫減少使用width、margin、padding等css

布局對規則,可以使用transform代替;

(3)減少使用關係型樣式表的寫法:直接使用唯一的類名可最大幅度提公升

渲染效率;

(4)減少dom層級:減少無意義的dom可以減少渲染引擎的匹配計算量。

瀏覽器核心 渲染引擎 js引擎

渲染引擎的職責就是渲染,即在瀏覽器視窗中顯示所請求的內容,也可以說是對html文件進行解析並將其顯示在頁面上的工具 不同的瀏覽器有不同的渲染引擎,對於渲染引擎的使用總結如下 渲染引擎 firefox使用gecko引擎 ie使用trident引擎 2015年微軟推出自己新的瀏覽器,原名叫斯巴達,後改名...

瀏覽器渲染引擎介紹(備忘)

trident gecko presto webkit 是4種常見的瀏覽器核心 1 trident是微軟的windows搭載的網頁瀏覽器 internet explorer瀏覽器使用的核心 俗稱ie核心 2 geckogecko是開放源 以c 編寫的網頁排版引擎,目前被mozilla家族網頁瀏覽器以...

簡單介紹瀏覽器渲染引擎情況

l 主流瀏覽器核心介紹 主流瀏覽器核心分類 瀏覽器核心種類繁多,商用的加上非商業的免費核心,大約有10款以上甚至更多,不過通常比較常見的大約只有以下4種,下面就簡單介紹一下。1 trident 由於ie本身的 壟斷性 而使得trident核心在很長時間內都是一家獨大,微軟也在相當長一段時間內都沒有更...