Heim  >  Artikel  >  Web-Frontend  >  Warum ist CSS komprimiert?

Warum ist CSS komprimiert?

青灯夜游
青灯夜游Original
2021-05-11 14:54:211798Durchsuche

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.

Warum ist CSS komprimiert?

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-Tutorial

Das obige ist der detaillierte Inhalt vonWarum ist CSS komprimiert?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel:Was sind CSS-Module?Nächster Artikel:Was sind CSS-Module?