Блог

Главная - Вопросы по программированию - Влияние отсутствия закрывающих тегов на производительность в HTML

Влияние отсутствия закрывающих тегов на производительность в HTML

#html #performance #browser

#HTML #Производительность #браузер

Вопрос:

Новые браузеры достаточно интеллектуальны, чтобы добавлять отсутствующие закрывающие теги. Каково влияние на производительность из-за этого? Браузеру требуется больше времени для синтаксического анализа по сравнению с загрузкой в сети с приличной скоростью. Какое-либо влияние на 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>

Увидеть веб-сайт в действии с отсутствующими тегами.
Отказ от ответственности: Это мой личный веб-сайт.

Ответ №1:

Я попробовал оба фрагмента кода: для одного с отсутствующим кодом я получил это: Без закрывающих тегов

для одного с правильными закрывающими тегами я получил это: С закрывающими тегами

Вы можете сократить время написания сценария, при этом не требуется сетевого запроса или дополнительного рендеринга. И посмотрите на накладные расходы в методах рисования и рендеринга.