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

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

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

(2)瀏覽器的js引擎

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

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