preload、prefetch
preload
preload是一種聲明式的資源預加載技術,它告訴瀏覽器頁面即將需要的資源,并請求瀏覽器提前加載這些資源。preload的主要特點包括:
- 高優先級:preload加載的資源通常具有較高的優先級,瀏覽器會盡可能快地加載這些資源,但加載過程不會阻塞文檔的解析或
window的onload事件。 - 指定資源類型:通過
as屬性,preload可以指定資源的類型(如script、style、image、font等),這有助于瀏覽器設置正確的資源加載優先級和發送適當的Accept頭部信息。 - 提升性能:preload可以有效減少頁面的渲染阻塞時間,提升頁面加載速度,特別是對于關鍵資源的加載。
使用場景:preload通常用于加載當前頁面必需的關鍵資源,如首屏渲染所需的JavaScript、CSS、字體文件等。
prefetch
prefetch是一種資源預讀取技術,它告訴瀏覽器未來可能會需要的資源,并請求瀏覽器在空閑時加載這些資源。prefetch的主要特點包括:
- 低優先級:prefetch加載的資源具有較低的優先級,瀏覽器會在完成其他高優先級資源的加載后,才考慮加載這些資源。
- 非阻塞:prefetch加載的資源不會阻塞文檔的解析或
window的onload事件。 - 未來使用:prefetch的資源主要用于加速未來頁面的加載速度,特別是當用戶即將導航到另一個頁面時。
使用場景:prefetch通常用于加載未來頁面可能會用到的資源,如用戶可能點擊的鏈接所指向的頁面的資源。


浙公網安備 33010602011771號