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

Mit CSS die übertragene Datenmenge reduzieren

Nicht notwendigen Text im CSS Code entfernen

Das Leerzeichen vor der öffnenden Klammer entfernen

Das Leerzeichen zwischen dem CSS-Selektor und der öffnenden geschweiften Klammer hat keine notwendige Funktion und dient lediglich der besseren Lesbarkeit.

Für die Browser-Render-Engines ist die öffnende geschweifte Klammer ein eindeutiger Hinweis, dass die Werte der Eigenschaften zu den definierten CSS-Selektoren folgen, unabhängig davon, ob ein Leerzeichen davor steht oder nicht.

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

Das Setzen eines Leerzeichens nach dem letzten CSS-Selektor und vor der öffnenden Klammer ist nicht notwendig und kann somit weggelassen werden.

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

Das Leerzeichen ist nicht zwingend notwendig und das Weglassen von nicht zwingend notwendigen Zeichen kann die Ladezeit von Webseiten durch die verringerte Dateigröße verbessern.