CSS選擇性加載是一個(gè)優(yōu)化Web應(yīng)用性能的技術(shù)，該技術(shù)可有效減少頁(yè)面的加載時(shí)間和帶寬消耗。

在傳統(tǒng)的CSS加載方式中，瀏覽器會(huì)在頁(yè)面加載時(shí)立即下載所有的CSS文件，然后再渲染頁(yè)面。如果頁(yè)面中有大量CSS樣式，這種方式往往會(huì)導(dǎo)致長(zhǎng)時(shí)間的白屏等待。

相比之下，CSS選擇性加載能夠做到只加載需要的CSS文件，從而提高頁(yè)面加載速度和用戶體驗(yàn)。

// 例如，我們有如下兩個(gè)CSS文件：// 如果我們只需要在特定的頁(yè)面中使用styles1.css，那么可以這樣寫(xiě)代碼：
if (document.querySelector('body').classList.contains('use-styles1')) {
var link = document.createElement('link');
link.rel = 'stylesheet';
link.href = 'styles1.css';
document.head.appendChild(link);
}
// 這樣做的好處是：
// 1. 只有特定頁(yè)面需要使用styles1.css時(shí)，才會(huì)下載該文件，從而減少帶寬消耗；
// 2. 在其他頁(yè)面中，該文件不會(huì)被下載，進(jìn)一步提升頁(yè)面加載速度。

需要注意的是，CSS選擇性加載并不是一定能提高性能，如果CSS文件被分割得太小，反而會(huì)增加頁(yè)面的請(qǐng)求數(shù)和加載時(shí)間。

因此，在使用CSS選擇性加載時(shí)，需要根據(jù)實(shí)際情況和需求綜合考慮，找到最優(yōu)的方案。