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

Mit HTML die übertragene Datenmenge reduzieren

Nicht notwendige HTML Tags entfernen

Schließende </tr>-Tags in Tabellen entfernen

Die heutigen Browser-Render-Engines akzeptieren fehlende </tr>-Tags am Ende einer Tabellenzeile in einer Tabelle und verstehen, dass ein mit <tr> noch geöffneter Tabellenzeilen-Eintrag bei einem folgendem Vorkommen eines öffnenden <tr>-Tags oder aber wenn keine weiteren Angaben innerhalb des übergeordneten Elternelementes (<table>, <tbody>, <thead> oder <tfoot>) mehr folgen rechtzeitig wieder geschlossen werden muss, und wird von diesen automatisch erledigt.

<table>
 <tr>
  <th>Kopfzelle - Z1 / S1</th>
  <th>Kopfzelle - Z1 / S2</th>
  <th>Kopfzelle - Z1 / S3</th>
 </tr>
 <tr>
  <td>Datenzelle - Z2 / S1</td>
  <td>Datenzelle - Z2 / S2</td>
  <td>Datenzelle - Z2 / S3</td>
 </tr>
 <tr>
  <td>Datenzelle - Z3 / S1</td>
  <td>Datenzelle - Z3 / S2</td>
  <td>Datenzelle - Z3 / S3</td>
 </tr>
 <tr>
  <td>Datenzelle - Z4 / S1</td>
  <td>Datenzelle - Z4 / S2</td>
  <td>Datenzelle - Z4 / S3</td>
 </tr>
</table>

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

<table>
 <tr>
  <th>Kopfzelle - Z1 / S1</th>
  <th>Kopfzelle - Z1 / S2</th>
  <th>Kopfzelle - Z1 / S3</th>
 <tr>
  <td>Datenzelle - Z2 / S1</td>
  <td>Datenzelle - Z2 / S2</td>
  <td>Datenzelle - Z2 / S3</td>
 <tr>
  <td>Datenzelle - Z3 / S1</td>
  <td>Datenzelle - Z3 / S2</td>
  <td>Datenzelle - Z3 / S3</td>
 <tr>
  <td>Datenzelle - Z4 / S1</td>
  <td>Datenzelle - Z4 / S2</td>
  <td>Datenzelle - Z4 / S3</td>
</table>
<table>
 <tr>
  <th>Kopfzelle - Z1 / S1
  <th>Kopfzelle - Z1 / S2
  <th>Kopfzelle - Z1 / S3
 <tr>
  <td>Datenzelle - Z2 / S1
  <td>Datenzelle - Z2 / S2
  <td>Datenzelle - Z2 / S3
 <tr>
  <td>Datenzelle - Z3 / S1
  <td>Datenzelle - Z3 / S2
  <td>Datenzelle - Z3 / S3
 <tr>
  <td>Datenzelle - Z4 / S1
  <td>Datenzelle - Z4 / S2
  <td>Datenzelle - Z4 / S3
</table>

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