千鋒教育-做有情懷、有良心、有品質(zhì)的職業(yè)教育機構(gòu)
千鋒學(xué)習(xí)站 | 隨時隨地免費學(xué)
掃一掃進入千鋒手機站
關(guān)注千鋒學(xué)習(xí)站小程序
隨時隨地免費學(xué)習(xí)課程
首先渲染的前提是生成渲染樹，所以 HTML 和 CSS 肯定會阻塞渲染。如果你想渲染的越快，你越應(yīng)該降低一開始需要渲染的文件大小，并且扁平層級，優(yōu)化選擇器。然后當(dāng)瀏覽器在解析到 script 標簽時，會暫停構(gòu)建 DOM，完成后才會從暫停的地方重新開始。也就是說，如果你想首屏渲染的越快，就越不應(yīng)該在首屏就加載 JS 文件，這也是都建議將 script 標簽放在 body 標簽底部的原因。
當(dāng)然在當(dāng)下，并不是說 script 標簽必須放在底部，因為你可以給 script 標簽添加 defer 或者 async 屬性。當(dāng) script 標簽加上 defer 屬性以后，表示該 JS 文件會并行下載，但是會放到 HTML 解析完成后順序執(zhí)行，所以對于這種情況你可以把 script 標簽放在任意位置。對于沒有任何依賴的 JS 文件可以加上 async 屬性，表示 JS 文件下載和解析不會阻塞渲染。
上一篇
CSS 如何阻塞文檔解析？下一篇
瀏覽器本地存儲方式及使用場景
軟件定制開發(fā)中的敏捷開發(fā)是什么軟件定制開發(fā)中的敏捷開發(fā)，從宏觀上看，是一個高度關(guān)注人員交互，持續(xù)開發(fā)與交付，接受需求變更并適應(yīng)環(huán)境變化...詳情>>
2023-10-14 13:24:57
PlatformIO是什么PlatformIO是一個全面的物聯(lián)網(wǎng)開發(fā)平臺，它為眾多硬件平臺和開發(fā)環(huán)境提供了統(tǒng)一的工作流程，有效簡化了開發(fā)過程，并能兼容各種...詳情>>
2023-10-14 12:55:06
1、定義和目標不同云快照的主要目標是提供一種快速恢復(fù)數(shù)據(jù)的方法，它只記錄在快照時間點后的數(shù)據(jù)變化，而不是所有的數(shù)據(jù)。自動備份的主要目標...詳情>>
2023-10-14 12:48:59
服務(wù)器為什么要用Linux作為服務(wù)器操作系統(tǒng)的優(yōu)選，Linux在眾多選擇中脫穎而出。Linux作為服務(wù)器操作系統(tǒng)的優(yōu)選，有其獨特的優(yōu)勢和特點。包括其...詳情>>
2023-10-14 12:34:11
ORM（對象關(guān)系映射）解決的主要問題是將關(guān)系數(shù)據(jù)庫與面向?qū)ο缶幊讨g的映射困境。在傳統(tǒng)的關(guān)系數(shù)據(jù)庫中，數(shù)據(jù)以表格的形式存儲，而在面向?qū)ο?..詳情>>
2023-10-14 12:26:19
Copyright 2011-2025
北京千鋒互聯(lián)科技有限公司
京ICP備12003911號-3
京公網(wǎng)安備 11010802030320號
千鋒教育 運營主體：北京千鋒互聯(lián)科技有限公司，屬具備計算機技術(shù)培訓(xùn)資質(zhì)的教育培訓(xùn)機構(gòu)。
