Sidebar
ein-/ausblenden

CSS Optimierung

Plugin für WordPress SEO

Anzeige

Blogging Pro vergleicht verschiedene Dienste zum optimieren des CSS-Code's - „CSS Optimization: Make Your Sites Load Faster for Free“.

In recht ausführlicher weise listet er die Ergebnisse und verschiedenen Resultate. Viele kleine Details werden dabei berücksichtigt - schaut mal über den Artikel. Klarer Sieger ist Icey's - CSS Compressor.
Sollte man sich merken und ab und zu auch mal den CSS-Code damit optimieren, zumindest werde ich es mal testen.

Update: Ich habe es getestet und war eigentlich mit dem Ergebnis immer unzufrieden und bleibe somit bei meiner händischen Alternative und erstelle die CSS-Files lieber nach meiner gedanklichen Übersicht.

Beim Testen kam mir aber noch ein weiterer Service dieser Art unter, der in dem obigen verlinkten Beitrag keine Beachtung fand - cleancss. Hier arbeitet man mit CSSTidy und hat eine ganze Reihe von Möglichkeiten. Außerdem ist die Oberfläche mehrsprachig, darunter auch deutsch.

1 Kommentar zu „CSS Optimierung“

  1. 1
    Kommentar von Alex

    Also ich muss da dem Frank Recht geben, der Icey ist zwar nicht schlecht, hatte bei mir keine Sachen veraendert und die Kompression war hoeher

    * Original size: 25 kB (25,605 B)
    * Final size: 15.51 kB (15,885 B)
    * Saved: 9.49 kB (9,720 B)
    * Reduction: 37.96%

    Aber der CleanCSS ist viel angenehmer, erstmal kann man viele Sachen einstellen. Und die Veraenderungen werden auch angezeigt. Da fuehlt man sich auch viel sicherer etwas zu ueberschreiben und die CSS Datei sieht immer noch sehr gut geordnet aus.

    Mein Ergebniss mit CSSClean war:
    Input: 25.605KB, Output: 19.121KB, Compression Ratio: 24.6% (-6295 Bytes)

    Auch nicht viel schlechter und man muss noch dazu bedenken, ich hab die Kommentare bei CSSCleaner drin gelassen. Ein echt gutes Tool.

    Danke fuer den Tip Frank

    Alex

Kommentar schreiben

Kommentarregeln: Bleib cool, kritisch ist in Ordnung, aber wenn du unhöflich bist, dann lösche ich deinen Kommentar. Bitte benutze deinen persönlichen Namen oder Initialen und nicht den Namen eines Unternehmens, dies würde als Spam gewertet und wird gelöscht. Der Zusammenhang zwischen Namen und URL sollte nicht offensichtlich auf Spam hindeuten! ♥ Ansonsten, vielen Dank für den Kommentar und viel Spaß mit meinem Blog.

E-Mail-Benachrichtigung bei weiteren Kommentaren.
Auch möglich: Abo ohne Kommentar.

Kommentar-Hilfe

händischer Spam:
Beachte die Kommentarregeln, jede Form von versuchtem Spam wird gelöscht. Warum und wieso steht in einem meiner Beiträge.

Bezug auf Textstellen:
Du kannst direkt bezug auf Textstellen im Beitrag nehmen. Dazu muss lediglich der Bereich im Artikel markiert werden; daraufhin erscheint ein Button, der den markierten Text in das Kommentarfeld übernimmt und als Zitat auszeichnet. Die Funktion ist nur bei aktivem JavaScript nutzbar.

xHTML:
Du kannst folgende Tags benutzen: <a href="" title=""> <abbr title=""> <acronym title=""> <blockquote cite=""> <code> <pre> <em> <strong> <strike> <ul> <ul> <li>

Achte darauf, wenn du Code im Kommentar hinterlegen willst, dann muss der Code maskiert sein. Dann wird er nicht interpretiert. Der Code muss mit Hilfe von HTML-Entities dargestellt werden, d.h. dass man z.B. < als &lt; und > als &gt; einfügt.

E-Mail-Benachrichtigung bei neuen Kommentaren ?
Wenn der Haken in der Checkbox gesetzt ist, dann wirst du über neue Kommentare vie E-Mail informiert. Der Versand erfolgt nur, wenn du die URL in der Bestätigungs-E-Mail genutzt hast oder schon Abonnent hier im Blog bist.

Kommentar erscheint nicht:
Alle Kommentare werden manuell geprüft, freigegeben und nach Möglichkeit beantwortet. Bitte um etwas Geduld und Nachsicht.

Identifikationsbilder (Avatare):
Auf Gravatar.com kann man sich mit seiner E-Mail-Adresse registrieren und ein Bild hochladen, dann erscheint dieses Gravatar hier und in vielen weiteren Blogs.

Spamschutz:
Das Kommentarformular ist mit einem Spamschutz ausgerüstet. Solltest du diesen Artikel ohne JavaScript besuchen und kommentieren wollen, so muss du die Frage beantworten und das jeweilige Wort in das Textfeld eingeben.