Tutorials / Webentwicklung / Webseiten-Optimierung / Ladezeit verbessern / HTML / HTML-Tags entfernen

Mit HTML die übertragene Datenmenge reduzieren

Nicht notwendige HTML Tags entfernen

Schließende </li>-Tags entfernen


Schließendes </li>-Tag entfernen wenn ein <li>-, </ol>- oder </ul>-Tag folgt

Die heutigen Browser-Render-Engines akzeptieren fehlende </li>-Tags am Ende eines Listeneintrages und verstehen, dass ein mit <li> noch geöffneter Listeneintrag bei einem folgendem Vorkommen eines öffnenden <li>-Tags oder aber eines schließenden Tags wie </ol> oder </ul> vorher noch rechtzeitig wieder geschlossen werden muss und erledigen dies automatisch.

<ol>
  <li>Listen-Eintrag 1 in einer geordneten Liste.</li>
  <li>Listen-Eintrag 2 in einer geordneten Liste.</li>
  <li>Listen-Eintrag 3 in einer geordneten Liste.</li>
  <li>Listen-Eintrag 4 in einer geordneten Liste.</li>
  <li>Listen-Eintrag 5 in einer geordneten Liste.</li>
</ol>
<ol>
  <li>Listen-Eintrag 1 in einer geordneten Liste.
  <li>Listen-Eintrag 2 in einer geordneten Liste.
  <li>Listen-Eintrag 3 in einer geordneten Liste.
  <li>Listen-Eintrag 4 in einer geordneten Liste.
  <li>Listen-Eintrag 5 in einer geordneten Liste.
</ol>

Schließendes </li>-Tag in verschachtelten Listen entfernen

Die heutigen Browser-Render-Engines akzeptieren fehlende schließende </li>-Tags in verschachtelten Listen und verstehen, dass ein mit <li> noch geöffneter Listeneintrag bei einem folgendem Vorkommen eines schließenden Tags wie </ol> oder </ul> an der richtigen Stelle in der Struktur der verschachtelten Liste wieder geschlossen werden muss und erledigen dies automatisch.

Dies kann man mit einer entsprechenden Webmaster-Browser-Erweiterung überprüfen. Der interne generierte HTML-Code im DOM des Browsers zeigt die fehlenden </li>-Tags an den richtigen Positionen wieder an.

<ul class=toc>
  <li><b>Nicht notwendiges HTML Markup entfernen</b>
    <ul>
      <li><a href="#a_1">Menüpunkt 1</a></li>
      <li><a href="#b_1">Menüpunkt 2</a></li>
    </ul>
  </li>
</ul>
<ul class=toc>
  <li><b>Nicht notwendiges HTML Markup entfernen</b>
    <ul>
      <li><a href="#a_1">Menüpunkt 1</a></li>
      <li><a href="#b_1">Menüpunkt 2</a></li>
    </ul>
</ul>
<ul class=toc>
  <li><b>Nicht notwendiges HTML Markup entfernen</b>
    <ul>
      <li><a href=#a_1>Menüpunkt 1</a>
      <li><a href=#b_1>Menüpunkt 2</a>
    </ul>
</ul>

Zusammenfassung: Entfernte schließende </li>-Tags, die nicht benötigt werden, reduzieren die zu übertragende Datenmenge und optimieren somit die Ladezeit von Webseiten.