Tag - CSS Tipps

CSS Sprite Generator

Für die Erstellung von CSS Sprites braucht man kein Fachmann, bzw. Webdesigner sein. Mittels einfacher Online-Tools lassen sich solche kombinierten Bilder sehr schnell und problemlos erstellen. Im Folgenden stellen wir...

CSS in den Dokumentkopf

Wenn eine oder mehrere CSS-Dateien in dem Quellcode einer Webseite eingebunden werden müssen, dann hat dies in dem HEAD-Bereich zu erfolgen. Eine Einbindung der CSS-Dateien innerhalb des BODY-Bereiches ist zwar...

CSS mit PHP und GZIP komprimieren

CSS Dateien spielen bei vielen Webseiten eine entscheidende Rolle und Größe bei der Ladezeit. Da viele CSS Dateien die Größe von 10 kB überschreiten, lohnt es sich nach einer Variante der Komprimierung für diese CSS...

CSS Dateien mit PHP zusammenfassen

Wird ein Projekt größer und besteht aus verschiedenen Designelementen, dann kann es schnell sehr unübersichtlich für den Webmaster und Designer werden, falls alle CSS-Klassen in einer CSS-Datei zusammengeführt werden...

Asynchrones Laden (CSS und JS Scripte)

Seit der Einführung von google PageSpeed Insights wird bei vielen Webseiten die Meldung “JavaScript- und CSS-Ressourcen, die das Rendering blockieren, in Inhalten “above the fold” (ohne Scrollen sichtbar) beseitigen”...

Nicht verwendeter CSS-Code

Unter dem Page Speed Optimierungspunkt “nicht verwendeter CSS-Code (Remove unused CSS)” werden alle CSS Codeschnipsel aufgelistet die auf der aktuell zu analysierenden Seite nicht verwendet werden. Dieser...

CSS-Dateien minimieren

Ein oft vernachlässigter Punkt bei der PageSpeed-Optimierung ist die Minimierung der CSS Dateien (minify CSS). Hier kann sehr schnell angesetzt und sofort sichtbare Performance-Verbesserungen erzielt werden. Das Ziel...

CSS Sprites – Bilder kombinieren

Für jedes Bild, das für das Design einer Webseite geladen wird, startet der Server eine Anfrage (eröffnet einen neuen http Request). Um diese Anfragen (http Request) zu minimieren ist die Entwicklung der CSS Sprites...

CSS Dateien kombinieren

CSS-Dateien zu kombinieren (Combine external CSS) kann und muss bei der PageSpeed-Analyse unterschiedlich bewertet werden. Jeder Webmaster muss technologisch prüfen ob seine für das Webdesign verwendeten CSS-Dateien...