Kommentare zu: Cascading Style Sheet – CSS optimieren

Von: Autoschieber

Autoschieber — Wed, 24 Feb 2010 07:37:51 +0000

Also ich arbeite auch mit einzeiligen CSS Anweisungen. Muß aber sagen, dass viele Entwickler an die Dreamweaver Ausgabe gewohnt sind wie
.classe {
anweisung 1
anweisung 2
etc….
}
Das verbraucht jedoch viel Speicherplatz und meisten Entwickler schauen nach dem Launch eh nur 2-3 mal im Jahr wieder in die CSS Datei rein. Was eigentlich für ein aufräumen wie der CSS Compressor http://iceyboard.no-ip.org/projects/css_compressor oder http://www.csscruncher.com spricht.

Zu deinem Problem “CSS-Washing-machine” (zeige mir tote / nicht benutzte CSS Klassen) hatte der TopStyle Pro CSS Editor mal eine Funktion um das gesamte Projekt zu durchsuchen und tote CSS Klassen anzuzeigen. Eine Google Suche nach “orphan css classes” zeigt einige Lösungsansätze. Wobei ich sogar noch weiter gehen würde zb “zeige mir Klassen die im ganzen Projekt nur 3-10 mal benutzt werden. Um diese aus der Haupt-CSS Datei raus zunehmen und die Angaben nur auf der Seite selber mit einer Style Anweisung umzusetzen. Da könnte man in der Zentralen CSS Datei noch mal richtig Platz sparen.

PS: Der CSS Tidy Link ist tot.

Von: Blog-Ladezeiten verbessern: ein Nachmittag als Nerd

Blog-Ladezeiten verbessern: ein Nachmittag als Nerd — Sun, 27 Dec 2009 13:21:51 +0000

[...] ins Thema “Caching” einarbeiten, mit Datenbank-Optimierungstools experimentieren, die CSS-Dateien “händisch” besser packen, und – das kommt sicher – das Blog auf PHP5/MySQL5 umstellen, mit denen ein aktuelles [...]

Von: phiL

phiL — Thu, 06 Aug 2009 09:33:06 +0000

endlich jemand der die css genauso formatiert wie ich :)
ich dachte schon die stimmen die mir ständig sagen das wäre unübersichtlich uns schei** (wirklich war) haben recht ^^

ps.: aber sehr schöner artikel
bin über yeebase zu dir gekommen und werde dich gleich in meine linkliste für den morgendlichen kaffee aufnehmen ;)

Von: tagSeoBlog

tagSeoBlog — Tue, 04 Aug 2009 11:13:10 +0000

@Gab: Naja, das läppert sich. Es ist ja nicht nur die Stylesheet-Datei, die man so verkleinert, sondern auch die HTML-Seite selber, die durch sauberes CSS wesentlich kleiner wird. Viele hängen ja auch mehr als ein Stylesheet an, und dann kommt man am Ende schon zu einer spürbaren Gesamt-Verringerung.
Aber du hast recht: Für den Benutzer ist das in aller Regel egal. Nur die Suchmaschinen, die freuen sich, wenn es schneller geht. Ob und inwieweit das einen Rankingvorteil bringt, ist allerdings umstritten.
Gruß, Martin

Von: Gab

Gab — Tue, 04 Aug 2009 11:07:59 +0000

Also ich bleibe bei der traditionellen Schreibweise. ist einfach am Übersichtlichsten! Da finde ich es besser, die Stylsheet-Datei nach Fertigstellung mit dem css_compressor aufs brutalste zu zerkleinern. Was bei CSS-Dateien, an denen permanent gearbeitet wird, natürlich Problematisch ist. Generell würde mich aber mal interessieren, wie groß der Vorteil ist, wenn eine CSS von z.B. 4.426 B auf 3.064 B (30.77%) verkleinert wurde. Für wen ist das spürbar? Für jeden DSL-Surfer dürfte das so gut wie unbedeutend sein!

Von: Syntaxerror

Syntaxerror — Sat, 01 Aug 2009 16:33:17 +0000

Hier vielleicht auch noch ein paar Tipps:
* CSS resets verwenden, z.B. http://developer.yahoo.com/yui/reset/
* Zur Übersichtlichkeit den Code einrücken
* Auf Deklarationen wie “.tsb_color_blue” würde ich verzichten. Was ist wenn das blue nicht mehr blue sein soll? Ist aber wohl Geschmackssache.
* Mit !important kann man Inline-Styles überschreiben.

Mehr fällt mir jetzt auf die Schnelle nicht ein :-)

Von: Cascading Style Sheet - CSS optimieren

Cascading Style Sheet - CSS optimieren — Sat, 01 Aug 2009 14:32:55 +0000

[...] Auf der anderen Seite kann man auch Änderungen am Design vornehmen, ohne alle Seiten üb click for more var _wh = ((document.location.protocol==’https:’) ? “https://sec1.woopra.com” : [...]

Von: Psychic SEO Blog

Psychic SEO Blog — Sat, 01 Aug 2009 09:24:14 +0000

Wirklich ein schöner Beitrag, wie ich ihn mir auch von Dir erwartet hatte *lol*. Daher mein etwas anderer Ansatz.
Ich habe noch diesen Link hier entdeckt über ein CSS-Optimierungs Script: http://www.seo24.at/css-optimieren/
Ist zwar noch keine CSS-Washing-Machine aber vielleicht für den ein oder anderen ein Ansatz eine Unterstützung, um zu lernen wie der eigene Code kürzer werden kann.

Von: tagSeoBlog

tagSeoBlog — Fri, 31 Jul 2009 19:21:06 +0000

Hi Benjamin,
vielen Dank für die Hinweise. Ja, der csszengarden ist ein Hit.

Von: Benjamin Wingerter

Benjamin Wingerter — Fri, 31 Jul 2009 19:14:47 +0000

Wow, das ist nicht nur ein ultra langer Artikel, nein auch ein sehr GUTER! Schön, dass Du ebenfalls Farbcodes auf 3 Stellen abkürzt, wenn es möglich ist. Ich sehe so oft ein #000000 .. Das lohnt sich, hier immer schön abzukürzen.

Alle Definitionen in eine Zeile zu ziehen, wie Du es im Punkt “CSS Formatierung” zeigst, mache ich nur, wenn es wenige Definitionen sind. Ansonsten strukturiere ich alles untereinander, aber passende Definitionen in jeweils einer Zeile hintereinander.

.text {
margin:5px 10px 5px 20px; padding:2px;
width: height: float:
text-align: font: text-decoration:
background: border:
}

Mir fällt es so leichter, später damit zu arbeiten. Zum Beispiel weiß ich dann, dass alle Textformatierungen in der Mitte stehen und die wichtigen Positionsangaben, Abstände usw. ganz oben in den ersten Zeilen.

Das CSS Design Buch habe ich übrigens gleich nach Erscheinen durchgearbeitet, aber leider ein paar Fehler entdeckt. Deshalb haben ein paar Kapitel nicht funktioniert. Ich empfehle es trotzdem immer, denn es arbeitet sich ansonsten hervorragend damit.

Die meisten CSS Schreiberlinge kennen den CSS Zengarden schon, aber für alle die ihn noch nicht kennen.. Entdecke die Power of ZEN – ne, CSS! http://csszengarden.com/