Es gibt verschiedene Strategien, die Sie verwenden, um die Größe von Cascading Style Sheets (CSS -Datei) zu reduzieren. Die meisten sind in erster Linie darum mit loszuwerden Entlassungen und Maximierung der Effizienz . CSS -Dateien können Sie groß, vor allem für eine Website mit einem komplexen Layout und die CSS-Datei Größe kann ein wichtiger Faktor bei der Geschwindigkeit, mit der eine Website lädt . Durch den Einsatz von ein paar common-sense -Techniken , aber können Sie die CSS-Datei Größe , so dass die Website die Ladung so schnell wie möglich zu minimieren. Anleitung
1

Legen Sie eine externe CSS-Datei anstatt mit Inline-CSS -Code in der HTML-Datei . Dies ist so, die CSS-Datei wird im Cache des Web-Browsers bei zukünftigen Besuchen auf der Website , anstatt immer und immer wieder , wie es sein würde , wenn sie heruntergeladen Teil der HTML-Datei waren .
2

Nutzungsbedingungen die verschiedenen CSS -Codes Kurzschrift statt Auflistung der einzelnen Eigenschaften eines Elements . Zum Beispiel , die verschiedenen Elemente der Hintergrund , wie " background-color: # fff ; ", " background-repeat : no-repeat ; " und " background-position : 0 0; " können alle einzeln aufgeführt werden, oder sie können . ": # fff keine Wiederholung 0 0 Hintergrund; " das ist weit weniger Code und reduziert die Dateigröße
3

Gruppe Elemente zusammen , dass die gleichen Einstellungen Stil in so etwas wie kombiniert werden. Zum Beispiel, wenn Ihre Elemente h1 und h2 Ihre Elemente denselben Stil-Vorgaben haben, können Sie sie wie folgt kombinieren ", h1 , h2 { verschiedenen Stil -Einstellungen }; " , so dass Sie nicht haben, um all die Style-Einstellungen zweimal schreiben < . br> 4

Verwenden Sie die verkürzte Hexefarbcodes anstatt die vollen Hexefarbcodes . Zum Beispiel bezeichnen sowohl die hex Farbcode # FFFFFF und der Code # FFF weiß.
5

Beseitigen Sie unnötige Zeilenumbrüche aus der CSS-Datei . Es ist gängige Praxis, eines Elements verschiedene Eigenschaften zeilenweise Liste , aber das ist unnötig. Wenn Dateigröße ein Problem ist, können die verschiedenen Eigenschaften des Elements in einer langen Zeile aufgeführt werden, getrennt nur die übliche Semikolon. Dies kann die CSS-Datei für den Menschen schwieriger zu lesen, aber Web-Browser keine Probleme haben, mit diesem Stil mehr abgeschnitten .
6

beseitigen überflüssige Zeichen aus Ihren Kommentaren . Viele Programmierer verwenden zusätzliche Zeichen um einen Kommentar zu machen ein Kommentar stehen mehr so ist es einfacher zu finden ist . Dies ist unnötig , aber, und die zusätzlichen Zeichen nur die CSS-Datei größer als es sein muss .