Sidebar
ein-/ausblenden

CSS optimieren mit CSSTidy

Plugin für WordPress SEO

Anzeige

Der Name Tidy ist im Webdevelopment-Umfeld ein Begriff, der für schnelle und saubere Prüfungen steht. Nun steht als weiteres Projekt CSSTidy bereit, welches unter anderem in einer Online-Version zur Verfügung steht.

CSSTidy erlaubt es, das Sytelsheet zu optimieren und formatieren. So soll unter anderen die Ladezeit des CSS-Files optimiert werden. Noch immer wird dieser Aspekt bei vielen Entwicklern nicht beachtet. In Zeiten von Trennung von Layout und Inhalt sind aber die Stylesheet-Dateien nicht immer klein und beanspruchen die Ladezeit doch erheblich. Bisher haben mich diverse CSS-Optimierungswerkzeuge nicht überzeugt, was vor allem daran lag, dass der Code im Anschluss für mich nicht mehr so verständlich und nachvollziehbar war.
Mit CSSTidy ist steht nun aber ein Werkzeug zur Verfügung, welches vor allem durch die Mitteilungen des Optimierungsvorgangs besticht. Damit behält man die Kontrolle und die Strukturierung kann erhalten bleiben.

Das Tool verfügt über eine ganze Reihe von Optionen und unterstützt CSS Level 2. Außerdem steht das Online-Tool in vier Sprachen zur Verfügung, darunter auch deutsch. CSSTidy ist ein Parser und Optimierer aus dem OpenSource-Umfeld.

Artikel #491, 16. August 2007 · Webküche · 4 Kommentare · Kommentar schreiben
Tags: , , ,
Kommentar-Feed zum Artikel · TrackBack URL · Kurzlink

«
»

4 Kommentare zu „CSS optimieren mit CSSTidy“

  1. 1
    Kommentar von Axel
    16. August 2007 um 19:57

    Ich bin heute auch schon über CSSTidy gestolpert. Nach ganz kurzem Testen war ich irgendwie nicht davon überzeugt, dass es bei meinen kleinen Seiten irgendeinen Geschwindigkeitszuwachs gibt. Hier wäre eas mal interessant einen Vorher-/Nachher-Vergleich zu sehen?

  2. 2
    Kommentar von Frank Bültge
    17. August 2007 um 08:28

    Ich nutze die automatische Optimierung gar nicht, bin aber über die Messagebox begeistert, denn die zeigt Optimierungspotenzial. Ich traue derartigen Optimierern nicht, ich validiere und optimiere selbst. Außerdem will ich die Kommentare und Strukturierungen beibehalten, schon der Übersicht wegen. Aber der Optmierungsprozess ist gut und mit Hilfe der Message kann ich mein CSS händisch optimieren.

  3. 3
    Kommentar von dirk
    31. Dezember 2007 um 17:03

    Ich habe heute die erste Beta-Version der kleinen Personalfirma für die ich arbeite aufgespielt. Inhalte werden noch ergänzt. Habe nun mit CSSTidy meine css optimiert und bin begeistert. Die ursprüngliche .css war in einem durchgeschrieben und sehr unübersichtlich. Dank der Optimierung stimmt nun die Struktur und nu fällt es mir als Nicht-Programmierer auch wesentlich leichter eigene Änderungen und Kommentare vorzunehmen. Also in meinen Augen ein Tool, dass für CSS-Amateure genau richtig ist.

  4. 4
    Kommentar von Alex
    23. April 2009 um 01:11

    Es ist zwar ein etwas älterer Beitrag hier bei dir, aber mir hat es geholfen und ich habe gerade die css meines Blogs etwas optimiert bekommen.
    Jetzt nehme ich nochmals die JS in Angriff, müsste aber vorher recherchieren, womit ich das optimieren kann.
    P.S. die Onlineversion von CSStidy funktioniert ganz gut..

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.