Tutorials / Webentwicklung / Webseiten-Optimierung / Ladezeit verbessern / CSS / Text im Code entfernen

Mit CSS die übertragene Datenmenge reduzieren

Nicht notwendigen Text im CSS Code entfernen

Die Leerzeilen im CSS Stylesheet entfernen.

Leerzeilen im CSS-Stylesheet sind funktionell nicht notwendig und dienen lediglich der besseren Lesbarkeit des CSS-Quelltextes.

Auf die Browser-Render-Engines haben Leerzeilen zwischen den einzelnen CSS-Selektoren-Definitionen keinen Einfluss.

a {
        color: #eeeeee;
}
                                
.menu li {
        padding: 0 0 8px 0;
        background-color: #ff0000;
        color: #ffffff;
}

Die Verwendung von Leerzeilen zwischen den Definitionen der CSS-Selektoren ist nicht notwendig und sie können somit weggelassen werden.

a {
        color: #eeeeee;
}
.menu li {
        padding: 0 0 8px 0;
        background-color: #ff0000;
        color: #ffffff;
}
a{color:#eee}
.menu li{padding:0 0 8px;background-color:red;color:#fff}

Die Leerzeilen sind nicht zwingend notwendig und das Weglassen von nicht zwingend notwendigen Zeilen und Zeilenschaltungen im CSS kann die Ladezeit von Webseiten durch die verringerte Dateigröße verbessern.