為什么 Edge 性能時間線顯示在 HTML 解析之前正在請求資產？

Question

據我所知，瀏覽器只能在解析 HTML 后請求資產（JS，CSS）。但是分析 Edge 的 DevTools 上的“性能”選項卡， w3schools30.css樣式表的“發送請求”發生在解析之前開始，正如我們在這張圖片中看到的綠色箭頭和其他數據所指示的那樣。

我正在使用一個簡單的例子。 這是index.html ：

<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" href="https://www.w3schools.com/lib/w3schools30.css"/>
    </head>
    <body>
        Performance testing
        <script src="index.js"></script>
    </body>
</html>

和index.js ：

setTimeout(() => {}, 1000)

我是不是誤解了時間線，還是在某些情況下會發生這種情況？

Answer 1

我認為這與 Chromium 瀏覽器上稱為“預加載掃描儀”的功能有關。 這篇文章說：

預加載掃描器的角色是推測性的，這意味着它會檢查原始標記，以便在主要 HTML 解析器發現資源之前找到機會獲取資源。

為什么 Edge 性能時間線顯示在 HTML 解析之前正在請求資產？

問題描述

1 個解決方案

解決方案1
0 已采納 2023-02-01 06:32:32

為什么 Edge 性能時間線顯示在 HTML 解析之前正在請求資產？

問題描述

1 個解決方案

解決方案1 0 已采納 2023-02-01 06:32:32

解決方案1
0 已采納 2023-02-01 06:32:32