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

Mit HTML die übertragene Datenmenge reduzieren

Nicht notwendige HTML Tags entfernen

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

Die heutigen Browser-Render-Engines akzeptieren fehlende </td>-Tags am Ende einer Datenzelle in einer Tabelle und verstehen, dass ein mit <td> noch geöffneter Datenzellen-Eintrag bei einem folgendem Vorkommen eines öffnenden <td>-Tags oder aber wenn keine weiteren Angaben innerhalb des übergeordneten Elternelementes (<tr>) 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 Datenzellen-</td>-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>
 <tr>
  <td>Datenzelle - Z2 / S1
  <td>Datenzelle - Z2 / S2
  <td>Datenzelle - Z2 / S3
 </tr>
 <tr>
  <td>Datenzelle - Z3 / S1
  <td>Datenzelle - Z3 / S2
  <td>Datenzelle - Z3 / S3
 </tr>
 <tr>
  <td>Datenzelle - Z4 / S1
  <td>Datenzelle - Z4 / S2
  <td>Datenzelle - Z4 / S3
 </tr>
</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 Datenzellen-</td>-Tags, die nicht benötigt werden, reduzieren die zu übertragende Datenmenge und optimieren somit die Ladezeit von Webseiten.