前端性能優(yōu)化學(xué)習(xí)記錄

1,域名解析從右到左
eg: news.baidu.com. --》 從.開始解析
2,前端頁面渲染流程
(1)html

  • html文檔下載
    1)html--文檔本身
    2)JavaScript--js
    3)link--css
    4)vedio-- .ogg .mp4
    5)img--圖片src
  • html文檔解析
    dom樹生成(所有)-- render樹生成(可見)-- 逐級解析dom樹
    1:p label ol a等一般不引用外部資源標(biāo)簽
    2: link javascript img可外部引用標(biāo)簽
    1)link--css盡量減少頁面的reflow
    2)javascript->js,js繪制dom節(jié)點(diǎn)會阻塞其他標(biāo)簽解析、甚至下載、document.write
    3)img->圖片src,圖片加載可以先使用分辨率較低的圖片。

(2)瀏覽器的js引擎

  • V8(C++)-》V8 是 Google 發(fā)布的開源 JavaScript 引擎,采用 C++ 編寫,在 Google 的 Chrome 瀏覽器中被使用。V8 引擎可以獨(dú)立運(yùn)行,也可以用來嵌入到 C++ 應(yīng)用程序中執(zhí)行。
  • SpiderMonkey -》SpiderMonkey是Mozilla項(xiàng)目的一部分,是一個用C語言實(shí)現(xiàn)的JavaScript腳本引擎
  • rhino(Java) -》Rhino是用純Java寫成的JavaScript的開放源代碼實(shí)現(xiàn)。它最常被用于嵌入Java應(yīng)用程序,以便為終端用戶提供腳本的能力。
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容