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通常用于加載未來頁面可能會用到的資源，如用戶可能點擊的鏈接所指向的頁面的資源。