Grund: Wenn der Browser eine Webseite öffnet, muss er die Daten auf der Webseite zurück auf den lokalen Computer herunterladen und sie dann anzeigen. Wenn die Menge an Inhalten auf der Webseite größer ist, steigt die Anzahl der Linkanfragen größer sein und desto langsamer wird die Webseite geöffnet. Das Komprimieren von CSS-Dateien kann die Anzahl der vom CSS-Code belegten Bytes reduzieren, die Dateigröße, das Netzwerkübertragungsvolumen und die Bandbreitennutzung reduzieren und dadurch die Seitenöffnungsgeschwindigkeit erhöhen.
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.
Wenn der Browser eine Webseite öffnet, muss er die Daten auf der Webseite zurück auf den lokalen Computer herunterladen und sie dann anzeigen.
Der heruntergeladene Webseiteninhalt umfasst: Bilder, Text, Programmcodes auf der Webseite: CSS, HTML, JS-Skripte, Schriftarten usw., die Anzahl beträgt bis zu Hunderte.
Wenn der Browser eine Webseite öffnet, fordert er auch den Server auf, den Inhalt der Webseite herunterzuladen. Wenn der Inhalt der Webseite größer ist, ist die Anzahl der Linkanfragen höher. Wenn der Inhalt größer ist, ist die Downloadzeit nach dem Link länger.
Daher ist die Reduzierung der Anzahl der Links und der Inhaltsgröße ein wichtiger Weg, um die Öffnungsgeschwindigkeit von Webseiten zu verbessern. Daher müssen wir normalerweise CSS-Dateien komprimieren.
Vorteile der Komprimierung von CSS-Dateien:
1. Reduzieren Sie das Netzwerkübertragungsvolumen und die Bandbreitennutzung
3. Verbessern Sie die Rendering- und Anzeigegeschwindigkeit der Seite
Wo fange ich mit der CSS-Codekomprimierung an?Nachdem die Webseite entwickelt wurde, kann der auf der Website zu veröffentlichende CSS-Code direkt reduziert und komprimiert werden, z. B. durch Löschen von Leerzeichen, Entfernen von Zeilenumbrüchen, Entfernen überflüssiger Semikolons usw. Natürlich können einige CSS-Codes optimiert werden, wodurch die Codemenge stark reduziert und somit die Dateigröße reduziert werden kann.
Lernvideo-Sharing:
CSS-Video-TutorialDas obige ist der detaillierte Inhalt vonWarum ist CSS komprimiert?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
