html - 在接收 HTML 和 DOM 就绪之间发生了什么?

标签 html performance load-time

我花了几个晚上来调整我的后端代码以更快地提供服务,但我不熟悉页面加载时间的差距。

附上一张图片 - 请告诉我在突出显示的时间内发生了什么(在接收 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>

最佳答案

浏览器正在解析 dom(如 warlock 注释),但一些 javascript 也可能在此过程中运行。 (参见 JavaScript: DOM load events, execution sequence, and $(document).ready())

正如您所见,一些浏览器插件基本上可以注入(inject)一些运行预加载的脚本,这些脚本可能会出现在您的加载时间中。

关于html - 在接收 HTML 和 DOM 就绪之间发生了什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18556222/

相关文章:

javascript - 查找单词并替换为 div 中的标签 jQuery

javascript - 使用工具提示拖放

css - display none 是否减少了加载时间,或者元素是否仍在加载但未显示

html - 使用线性渐变 css 制作三 Angular 形叠加层

mysql - 远程mysql服务器速度

c# - 在 C# 中将二进制数据写入文件的最高效方法

.net - ASP.Net Web 应用程序的分析器?

javascript - 使用缩小页面特定的 JS

php - 什么加载时间更重 : css or php requests?

html - 嵌套的 flexbox 网格不扩展