CSS

CSS Optimierung

Was ist CSS?

CSS steht für Cascading Style Sheets. Mit CSS kann man verschiedene Elemente der Sprache HTML formatieren. Durch die einmalige Formatierung werden dann alle gleichgelagerten Schriften, Tabellen und Layoutelemente so gestaltet wie es im CSS vorgegeben ist. Man muss also nicht jede neue Tabelle oder jede Schrift im HTML mit einer bestimmen Farbe, einer bestimmten Schrift oder Style bestimmen, sondern man erstellt einmalig eine Klasse und weisst dann die Schrift dieser Klasse zu. Das Resultat ist dann ein gleichbleibendes Schriftbild mit wenig Aufwand. Der Verwaltungswand der Schriftbilder und des gesamtes Layouts ist somit übersichtlich in der CSS Datei ausgelagert. Änderung müssen dann nicht in jeder Datei durchgeführt werden sondern können, sofern die CSS Datei überall eingebunden ist zentral verwaltet werden. Möglich sind globale Formate also der gesamten Webseiten sowie je nach belieben auch nur einzelne Elemente auf verschiedenen Seiten.

Warum CSS?

Der Einsatz von CSS Dateien kann im weitesten Sinne auch Kosten sparen, da durch die Zentrale Auslagerung aller Formate wird Speicherplatz gespart und somit die Effizienz beim arbeiten erhöht. Weiterhin erreicht man dadurch einen schlanken HTML Code welcher nicht zuletzt auch für Suchmaschinen optimal ist. Suchmaschinen haben Roboter die den Inhalt von Webseiten erfassen. Um diese Inhalte zu indexieren muss jede Webseite natürlich untersucht werden. Die Ladezeit der Webseite ist hier natürlich von Vorteil, da der Suchmaschinenspider dadurch schneller indexieren kann. In der heutigen Zeit ist so gut wie jede professionelle Webseite mit CSS aufgebaut. Es wäre ein großer Rückschritt, müsste man zur Pflege der Webseite jedes einzelne Format in der jeweiligen html oder php Seite ändern.

Im Hinblick auf die unbedingt notwendige Barrierefreiheit (World Wide Web Consortium) jeder Webseite ist der Einsatz von CSS Dateien unerlässlich. Unter Barrierfreiheit versteht man, dass die Webseite in allen gängigen Browsern und Auflösungen korrekt dargestellt und aufgebaut wird. Eine Seite kann auch barrierefrei sein ohne den Einsatz von CSS und gerade CSS führt oft dazu das verschiedene Elemente wie "div" ihre Barrierefreiheit verlieren, jedoch überwiegt der Vorteil immer. Eine gut überlegte Struktur und Herangehensweise wird Sie schnell vom CSS Einsatz überzeugen.

Eine CSS Datei sollte optimiert werden um die Ladezeit zu verbessern. Lesen Sie deswegen auch den folgenden Artikel über die "Optimierung". Dort finden Sie dann auch Links zu CSS Optimierungsgeneratoren welche Ihre CSS Datei online optimieren können.