Question

我花了很多时间来调整我的后端代码以便更快地提供服务，但是页面加载时间有一个不熟悉的差距。

附上图片 - 请告诉我在突出显示的时间内发生了什么（在收到HTML和DOM准备好之间）。

我认为它是 - 也许它自己生成的DOM？但为什么这么久？这个测试页面中有10个HTML标签。

enter image description here

那是我的标记：

<!DOCTYPE html>
<html lang="pl">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

    <title>#</title>
    <meta name="keywords" content="a, b">
    <meta name="description" content="cde">

    <meta name="geo.region" content="PL">
    <meta name="geo.placename" content="Warszawa">
    <meta name="geo.position" content="52;21">
    <meta name="ICBM" content="52, 21">

    <link rel="stylesheet" href="/Css/_global/Style.css">

    <!--link rel="shortcut icon" href="/Gfx/_global/favicon.ico" type="image/x-icon">
    <link rel="shortcut icon" href="/Gfx/_global/favicon.gif" type="image/x-icon"-->

</head>
<body>

    <ul id="bredcrumbs"><li>domain.com</li><li>Home Page</li></ul>
    Content

</body>
</html>

Answer 1

浏览器正在解析HTML并创建DOM

Answer 2

浏览器正在解析dom（作为术士注释），但是在此过程中也可能会运行一些javascript。（见JavaScript: DOM load events, execution sequence, and $(document).ready()）

正如您所看到的，某些浏览器插件实际上可以注入一些运行pre-dom加载的脚本，这些脚本可能会显示在加载时间内。

接收HTML和DOM准备好之间发生了什么？

2 个答案: