CSS加載策略是指瀏覽器在渲染網(wǎng)頁時，如何加載CSS文件。在日常開發(fā)中，我們通常使用link標(biāo)簽和style標(biāo)簽來引入CSS。
link標(biāo)簽是一種外部引用CSS文件的方式。當(dāng)瀏覽器解析到link標(biāo)簽時，會立即啟動CSS下載過程，并且會阻塞文檔的后續(xù)渲染，直到CSS文件加載完成。這種加載方式被稱為“阻塞加載”。
<link rel="stylesheet" href="style.css" />
但如果我們將link標(biāo)簽放在文檔底部，文檔的主體內(nèi)容就可以先渲染出來，用戶也能盡快看到頁面的內(nèi)容。這種方式被稱為“延遲加載”。
<body> <div>主體內(nèi)容</div> <link rel="stylesheet" href="style.css" /> </body>
而style標(biāo)簽是一種內(nèi)部引用CSS樣式的方式。當(dāng)瀏覽器解析到style標(biāo)簽時，會逐行讀取CSS樣式，不會立即啟動CSS下載過程。文檔渲染可以在樣式表下載過程中進(jìn)行，但瀏覽器會使用這些樣式來對文檔進(jìn)行渲染。
<style>
body {
background-color: #fff;
}
</style>總體而言，在實際開發(fā)中，我們需要根據(jù)不同的情況來選擇不同的CSS加載方式，以提高網(wǎng)頁的性能。