CSS



Profi-Hilfe ab 5,95 €

Inline CSS

Inline CSS sollte innerhalb des Quellcodes einer Seite möglichst vermieden werden. Das Auslagern von CSS in externe Dateien reduziert den Quellcode und damit die Dateigröße, was sich wiederum positiv auf die Text/HTML Ratio auswirkt.

Externe CSS Dateien werden vom Browser nur einmal heruntergeladen und gecached. Für jede weitere aufgerufene Seite brauchen die CSS Informationen dann nicht mehr erneut geladen werden. Weniger Ladevorgänge bedeuten dabei kürzere Ladezeiten. Das ist positiv für die Performance einer Webseite und kann sogar die Conversion der Seite steigern.

Externe CSS

Alle vorhandenen Stylesheets sollten in einer CSS-Datei zusammengefasst werden. Diese wird dann aus dem Head-Bereich der HTML-Seiten verlinkt mittels So können die CSS-Anweisungen vom Browser gecached werden, was wiederum die Ladezeit der Seiten verkürzt. Inline CSS sollte danach im Quellcode der Seiten nicht mehr genutzt werden, um die Dateigröße gering zu halten. Eine Webseite wird umso schneller ausgeliefert und dargestellt, je weniger HTTP-Requests durchgeführt werden müssen. Daher sollten möglichst wenige externe CSS-Dateien eingebunden werden.