So optimieren Sie HTML-Webseiten

Wir wissen, dass man bei HTML nicht nur gut aussehende Webseiten erstellen muss, sondern auch die Optimierung von Webseiten berücksichtigen muss. Deshalb werde ich Ihnen heute Ideen zur Optimierung von HTML-Webseiten geben Werfen wir einen Blick darauf

Ändern Sie die Tabelle in ein div-Layout

Versuchen Sie, das Tabellen-Tag-Layout im HTML-Format in ein div-Layout umzuwandeln, wodurch mindestens 40 % des Codes eingespart werden können. Da der Div-Code kleiner ist als der der HTML-Webseite mit Tabellenlayout, ist auch die Gewichtung des Suchmaschinenindex besser als bei der HTML-Webseite mit Tabellenlayout. Div, span, ul li und andere Tag-Reihen reduzieren und optimieren

Beim Layout von DIV+CSS-Webseiten können wir manchmal etwas DIV-Layoutcode einsparen und die Codemenge reduzieren.

Der folgende Fallcode:

<div class="div"> 
　　<ul> 
　　<li>DIV</li> 
　　<li>DIV</li> 
　　<li>DIV</li> 
　　</ul> 
</div>

Dies kann ein Paar sparen div-Tags. Dies reduziert die Menge an HTML-Code und komprimiert HTML. Auf diese Weise kann durch die direkte Benennung der CSS-Stilklasse für ul die Verwendung von ul li-Listen-Tags an verschiedenen Stellen auf einer Seite unterschieden werden.

lass="div"> 
　　<li>DIV</li> 
　　<li>DIV</li> 
　　<li>DIV</li> 
</ul>

Nach dem Login kopieren
Löschen Sie

zusätzliche Leerzeichen Löschen Sie zusätzliche Leerzeichen und Zeilenumbrüche, wodurch die vom HTML-Code belegten Bytes im Allgemeinen nach Abschluss der Entwicklung effektiv komprimiert werden können Im HTML können Zeilenumbrüche und Leerzeichen gelöscht werden.

Mit der DW-Software können Sie Leerzeichen zwischen Tags in HTML stapelweise löschen.

Zum Beispiel:

Sie können Leerzeichen und Zeilenumbrüche löschen:

<div class="div"> 
　　<div ...></div> 
</div>

Nach dem Login kopieren

Dadurch können durch Leerzeichen und Zeilenumbrüche belegte Bytes eingespart werden.

Beachten Sie, dass die Web-Publishing-Version DW verwenden kann, um überflüssige Leerzeichen und Leerzeilen zu löschen. Wenn Sie den Code erneut bearbeiten möchten, rufen Sie die DW-Software auf, um den Code zu formatieren.

Für das Tabellenlayout

ist es angebracht, das Tabellenlayout anstelle des div-Layouts zu verwenden. Wenn es sich um ein Tabellendatenlistenlayout handelt, sollten wir besser die Tabelle wählen, weil Die Verwendung einer Tabelle für das Tabellenlayout ist besser als das Div-Layout. Die Verwendung des Tabellenlayouts spart

HTML-Tags

-Code und CSS-Stile als das Div-Layout. Tabelle wie unten gezeigt

Datentyp

, es wird empfohlen, das TABLE-Tag + CSS-Layout zu verwendenHTML-Webcode-Komprimierungstabelle, Tag-Layouttabelle

Ähnlich wie bei dieser Tabellentabelle wird empfohlen, das Tabellen-Tag-Layout zu verwenden.

GZIP-Komprimierung für Webseiten

Es wird empfohlen, die GZIP-Komprimierungsfunktion für Webseiten auf Ihrem eigenen Server festzulegen.

1. Welche Vorteile bietet das Öffnen von GZIP?

Antwort: Nachdem Gzip aktiviert wurde, werden die an den Browser des Benutzers ausgegebenen Daten komprimiert, wodurch die über das Netzwerk übertragene Datenmenge reduziert und die Browsing-Geschwindigkeit erhöht wird.

2. So aktivieren Sie die Gzip-Komprimierungsfunktion von IIS:

Antwort: Wenn Sie statische Dateien (HTML) komprimieren müssen, müssen Sie zunächst ein Verzeichnis auf der Festplatte erstellen und Geben Sie ihm „IUSR_ Schreibberechtigungen für den Benutzer „Maschinenname“. Wenn Sie dynamische Dateien (PHP, ASP, ASPX) komprimieren, ist dies nicht erforderlich, da die Seiten jedes Mal dynamisch generiert und nach der Komprimierung aufgegeben werden. Klicken Sie dann im IIS-Manager mit der rechten Maustaste auf „Website“ – Eigenschaften, nicht auf eine bestimmte Website unten, sondern auf die gesamte Website. Rufen Sie die Registerkarte „Dienste“ auf und wählen Sie „Dynamische Inhaltskomprimierung und statische Inhaltskomprimierung aktivieren“. Wählen Sie dann die Servererweiterung unter der Website aus und erstellen Sie eine neue Servererweiterung. Der Name spielt keine Rolle, der Pfad zum Hinzufügen der Datei unten lautet: c:windowssystem32inetsrvgzip.dll, und aktivieren Sie dann diese Erweiterung. Derzeit können statische Inhalte komprimiert werden, bei dynamischen Inhalten liegen ASPX-Dateien jedoch nicht im Komprimierungsbereich. Weil die komprimierbare Standarddatei diese Erweiterung nicht hat. Und Sie können in der Verwaltungsoberfläche keinen Ort finden, an dem Sie eine Erweiterung hinzufügen können. Derzeit können Sie nur deren

Konfigurationsdatei

ändern. Es gibt eine MetaBase.xml-Datei unter c:windowssystem32inetsrv. Sie können sie mit Notepad öffnen. Es gibt drei Abschnitte mit demselben Namen, nämlich „deflate“, „gzip“ und „Parameters“. Die beiden Abschnitte sind grundsätzlich gleich. Fügen Sie in diesen beiden Absätzen eine ASPX-Zeile unter dem Parameter HcScriptFileExtensions hinzu. HcDynamicCompressionLevel wird auf 9 geändert (0-10, 9 ist die kostengünstigste Variante). Anschließend müssen Sie den IIS-Dienst neu starten, um die Geschwindigkeit nach der Komprimierung zu testen. Ich glaube, dass Sie die Methoden beherrschen, nachdem Sie diese Fälle gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!


Verwandte Lektüre:

Implementierungsschritte des Js-Betriebsfensterfensterobjekts




Js betreibt Nicht-IE-Ereignisobjekteigenschaften, eine detaillierte Einführung in die Methode




Verwenden Sie DIV und CSS, um ein rotes Feld mit einem festen Rand zu erstellen

Das obige ist der detaillierte Inhalt vonSo optimieren Sie HTML-Webseiten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!