Eine offensichtliche Möglichkeit zur Verbesserung der Website -Geschwindigkeit besteht darin, die Größe der HTML -Datei zu verringern. Es gibt einige Methoden wie: Harte Komprimierung, Akupunktur-ähnliche ID und Ändern des Klassennamens. Hier sind einige der Möglichkeiten, wie wir zusammengefasst haben, um HTML -Tags stärker zu gestalten.
HTML 4HTML (Non XHTML), MIME -Typ ist Text/HTML, sodass einige Tags weggelassen werden können. Mit HTML 4 DTD können Sie die folgenden Tags weglassen (diese sogenannten vermeidbaren Elemente sind hier mit Striicken markiert)
</Area> </base> <body> </body> </br> </col> </colgroup> </dd> </dt> <head> </head> </hr> <html> </html> </img> </input> </li> </link> </meta> </option> </p> </param> <tbody> </tbody> </td> </tfoot> </th> </thead> </tr>Zum Beispiel ist Ihr Code
<li>list item</li>Kann geschrieben werden als
<li>list itemZum Beispiel sollte der Absatz sollte
</p>Am Ende können Sie einfach schreiben
<p>my paragraphSie können sogar HTML, Kopf und Körper entfernen (stellen Sie sicher, dass Sie dies bequem machen, bevor Sie dies als Codierungsspezifikation betrachten).
Nachdem das Tag weggelassen wurde, ist die HTML immer noch gültig und die Dateigröße wird reduziert. Für allgemeine Seiten können Sie 5-20%sparen.
HTML 5Das sich entwickelnde HTML 5 bietet einige Möglichkeiten, um die Dateigröße zu reduzieren.
Zum Beispiel die Deklaration des Seitendokumenttyps
<!doctype html>Kontrast
<!doctype html public -//w3c//dtd xhtml 1.0 strict//enhttp://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd>Offensichtlich ist HTML 5 DTD kürzer.
HTML 5 ist einfach zu bedienen und kürzer, wenn Sie eine Codierung für eine Seite angeben:
<meta charset=utf-8>ersetzen
<meta http-equiv=content-type content=text/html; charset=utf-8>Normalerweise behandelt der Browser HTML korrekt.
Darüber hinaus können Sie in der heutigen HTML 5 das Typattribut entfernen, das den MIME -Typ deklariert, wie z.
type=text/css oder type=text/javascriptSie können verwenden
<script> Alternative <script type=text/javascript> verwenden <style> Alternative <style type=text/css>In allen Arten von Seiten (sogar XHTML) können Sie weglassen
type=text/cssHTML 5 erleichtert dies alles.
Durch die gleichzeitige Verwendung aller oben genannten Methoden sparen 10% -20% (oder sogar mehr) der Datei, abhängig von Ihrem Codierungsstil und der Menge des Textinhalts auf der Seite. Der Code wird sauberer und die Besucher erhalten die Website -Inhalte schneller. Wir verwenden einen Großteil dieser Technologie im Projekt des Datenschutzzentrums und sparen 20% der Originaldateigröße.