Question

新的浏览器足够智能，可以添加缺少的关闭标签。由此对性能产生什么影响？与在体面的速度网络中下载相比，浏览器需要更多的时间来解析。 ~~对SEO的任何影响~~

在下面的代码片段中，两者都产生相同的输出。字节经过最小化计算。

带有丢失标签的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。
免责声明：这是我的个人网站。

Answer 1

我尝试了两个代码段：对于一个缺少代码的人，我得到了：

对于带有适当结束标记的一个，我得到了：

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

HTML中缺少结束标记的性能影响

1 个答案: