logo标签列表

接收 HTML 和 DOM 就绪之间发生了什么？

htmlperformanceload-time
5
我花了很多时间来调整我的后端代码，以使其更快地提供服务，但页面加载时间中存在一个我不熟悉的间隔。
附上一张图片 - 请告诉我在高亮时间内发生了什么（在接收HTML和DOM准备好之间）。
我认为可能是DOM本身生成的原因，但为什么需要这么长时间呢？这个测试页面中只有10个HTML标签。
这是我的标记：
<!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>
你在页面上使用 JavaScript 吗？ - Warlock
3
你是否安装了一些Chrome扩展程序？如果有的话，我建议你先禁用它们后再试一遍，因为这些扩展有时会进行DOM操作。 - undefined
2
https://developers.google.com/chrome-developer-tools/docs/timeline -这可能对你有用。 - Henrik Andersson
1
还有这个：https://dev59.com/zGHVa4cB1Zd3GeqPpbVm - Henrik Andersson
1
@Luke McGregor在禁用所有扩展程序后，上面图像中突出显示的时间缩短到了5毫秒！ - Szymon Toda
显示剩余2条评论
2个回答
3
浏览器正在解析HTML并创建DOM。
这次会在旧的CPU上延长时间吗？ - Szymon Toda
我认为是“是”，但我没有尝试过这样的测试。 - Warlock
3
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接