HTML Gewichtsverlust Optimieren Sie HTML-Tags zum Erstellen von Webseiten
|
HTML 4 HTML (nicht XHTML), MIME-Typ ist text/html, einige Tags dürfen weggelassen werden. Mit HTML4-DTD können Sie die folgenden Tags weglassen (die sogenannten vermeidbaren Elemente sind durchgestrichen markiert): Wenn Ihr Code beispielsweise Es kann geschrieben werden als Absätze sollten beispielsweise Am Ende können Sie einfach schreiben Sie können sogar HTML, Kopf und Text entfernen (stellen Sie sicher, dass Sie damit vertraut sind, bevor Sie es zu Ihrem Codierungsstandard machen). Durch das Weglassen der Tags bleibt das HTML gültig und die Dateigröße wird reduziert. Bei typischen Seiten kann dies eine Einsparung von 5–20 % bedeuten. HTML 5 Die fortlaufende Weiterentwicklung von HTML 5 bietet einige Methoden zur Reduzierung der Dateigröße. Beispielsweise die Seitendokumenttypdeklaration Kontrast Offensichtlich ist die DTD von HTML 5 kürzer. Beim Festlegen der Kodierung für eine Seite ist HTML 5 einfacher zu verwenden und kürzer: ersetzen Normalerweise verarbeiten Browser HTML korrekt. Darüber hinaus können Sie in der heutigen HTML 5-Version das Typattribut entfernen, das den MIME-Typ deklariert, wie zum Beispiel oder Sie können Alternative verwenden Alternative Auf allen Seitentypen (auch XHTML) können Sie weglassen HTML 5 macht dies einfacher. Durch die gemeinsame Verwendung aller oben genannten Techniken können Sie je nach Codierstil und Textmenge auf Ihrer Seite 10–20 % (oder sogar mehr) Ihrer Dateigröße einsparen. Der Code wird übersichtlicher und Besucher gelangen schneller zum Inhalt Ihrer Site. Wir haben viele dieser Techniken im Privacy Center-Projekt verwendet und dadurch 20 % der ursprünglichen Dateigröße eingespart. |
<<: So verwenden Sie CSS, um je nach Unterelementen unterschiedliche Stile zu schreiben
>>: JavaScript zum Implementieren einer einfachen Uhr
Artikel empfehlen
Eine großartige Sammlung von Lernressourcen zu Webstandards
Diese Spezifikationen sollen die Veröffentlichung ...
Lösung für das Problem, dass MySQL zwar bei der Installation in WAMP gestartet werden kann, nach dem Neustart jedoch nicht mehr
Nach der ersten Installation von Wamp können alle...
Grafisches Tutorial zur Installation und Konfiguration der komprimierten Version von MySQL 8.0.11
Installationsmethode für komprimierte MySQL 8.0-P...
Seitenlayout für Bootstrap 3.0-Lernnotizen
Dieses Mal werden wir hauptsächlich etwas über da...
Eine kurze Diskussion über die Implementierung von Fuzzy-Abfragen mit Platzhaltern in MySQL
Wenn wir in der MySQL-Datenbank Fuzzy-Abfragen be...
Kapseln Sie eine einfachste ErrorBoundary-Komponente zur Behandlung von React-Ausnahmen
Vorwort Ab React 16 wurde das Konzept der Fehlerg...
So installieren Sie Nginx an einem bestimmten Ort im Centos-System
Wie installiere ich Nginx an einem bestimmten Ort...
Wertschätzung des dezenten und eleganten Webdesigns in Schwarz, Weiß und Grau
Unter den klassischen Farbkombinationen kann wohl...
Tutorial zur Installation und Konfiguration der Linux CentOS MySQL-Datenbank
Hinweise zur Installation der MySQL-Datenbank, mi...
Grafisches Tutorial zur Installation und Konfiguration von MySQL 5.7.17
Der Blogger sagte : Ich habe eine Reihe von Blogb...
So richten Sie Spring Boot mithilfe der Docker-Schichtenverpackung ein
Das Spring Boot-Projekt verwendet Docker-Containe...
XHTML-Tutorial, eine kurze Einführung in die Grundlagen von XHTML
<br />Dieser Artikel gibt Ihnen eine kurze E...
Zwei Ideen zur Implementierung der horizontalen Datenbanksegmentierung
Einführung Aufgrund der zunehmenden Popularität v...
React implementiert das Hinzufügen, Löschen, Ändern und Abfragen von Todolists
Inhaltsverzeichnis Nehmen Sie Todolist als Beispi...
Was ist em? Einführung und Konvertierungsmethode von em und px
Was ist sie? „em“ bezieht sich auf die Schrifthöhe...