【问题标题】:Performance impact of missing closing tags in HTMLHTML 中缺少结束标签对性能的影响
【发布时间】:2019-08-19 23:31:34
【问题描述】:

新的浏览器足够智能,可以添加缺少的关闭标签。这对性能有何影响?与在速度不错的网络中下载相比,浏览器是否需要更多时间来解析。 对 SEO 的任何影响

在下面的 sn-ps 中,两者都产生相同的输出。缩小后计算字节数。

缺少标签的 HTML(164 字节)

<!DOCTYPE html>
<html>

<head>

  <body>
    <div id=content>
      <h2><s><span>Copy + Paste</s> CODING in Progress (Zzzz...)
    </div>
    <div id=mail>
      <h3><a href=mailto:#>#<title>Home

有效的 HTML(227 字节)

<!DOCTYPE html>
<html>

<head>
  <title>Home</title>
</head>

<body>
  <div id="content">
    <h2><s><span>Copy + Paste</span></s> CODING in Progress (Zzzz...)</h2>
  </div>
  <div id="mail">
    <h3><a href="mailto:#">#</a></h3>
  </div>
</body>

</html>

To see a website in action with missing tags.
免责声明:这是我的个人网站。

【问题讨论】:

    标签: html performance browser


    【解决方案1】:

    我尝试了两个代码 sn-ps: 对于缺少代码的人,我得到了这个:

    对于一个带有适当结束标签的人,我得到了这个:

    您可以消除脚本编写时间,并且没有网络请求或额外的渲染。 并查看 Paint 和 Render 方法的开销。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2023-01-22
      • 2011-05-22
      • 2017-09-03
      • 2012-10-08
      • 2014-04-13
      相关资源
      最近更新 更多