CSS Tweaker lässt Stylesheets schrumpfen

Optimierungen an Rändern, Listen, Schriften und Hintergründen

Cascading Stylesheets (CSS) werden im Laufe der Zeit immer komplexer und die ein oder andere Optimierung übersieht der Webdesigner schon mal. Mit dem CSS Tweaker gibt es im Netz ein kleines Werkzeug, das dem Webdesigner die Arbeit des Optimierens von CSS-Dateien erleichtern kann.

Artikel veröffentlicht am ,

Um den CSS Tweaker zu nutzen, kann der Webdesigner entweder die Stylesheet-Datei hochladen oder die zu optimierenden Regelsätze direkt in ein Feld kopieren, das jedoch noch nicht ganz fertig ist und leichte Anzeigeprobleme bei Opera hat. Das Tool ging bei einem kurzen Test recht vorsichtig vor. So fasst das Werkzeug einzelne Regeln nicht zusammen, die eigentlich zusammengefügt werden könnten.

Die Optimierung geht also die CSS-Regelsätze nur einzeln an und optimiert diese. Einzelne Deklarationen wie etwa "border-color:white; border-style:solid; border-width:0em;" werden von dem Werkzeug zu einer einzelnen Deklaration "border: 0 solid white" zusammengefasst. Auch die bei Nullwerten unnötige Einheitenangabe wird auf Wunsch entfernt. So aufgebaute Stylesheet-Regeln kann der CSS Tweaker leicht und effizient optimieren.

Bisher beschränkt sich die Optimierung jedoch auf Ränder, Listen, Hintergründe und Schriftarten, die sich auch einzeln selektieren lassen. Eine Optimierung etwa von Außen- und Innenabständen findet nicht statt. Neben der Optimierung der Syntax kann der CSS Tweaker auch Kommentare sowie Leerzeichen und Zeilenumbrüche beseitigen. Die so einzeiligen CSS-Dateien sind dann sehr viel kleiner, eine Bearbeitung dieser dürfte dafür aber schwerer fallen.

Bitte aktivieren Sie Javascript.
Oder nutzen Sie das Golem-pur-Angebot
und lesen Golem.de
  • ohne Werbung
  • mit ausgeschaltetem Javascript
  • mit RSS-Volltext-Feed


karru 27. Mär 2006

In 40 Byte bekomm ich aber mehr als 5 bzw. 6 Zeichen... Welchen Zeichensatz benutzt du? :-]

Unwesen 24. Mär 2006

Hast du fein gemacht! Dir ist aber schon klar, dass das ein Negativbeispiel von mir war...

Herrmann 23. Mär 2006

Du sollst ja auch nicht deine Entwicklungsversion durch solche Tools jagen. Erst wenn...

Keda 23. Mär 2006

Tjo so sieht es aus heutzutage ist nunmal Entwicklungszeit teurer als mehr...



Aktuell auf der Startseite von Golem.de
Future Racing Cable
Modulares USB-Kabel lädt 240 Watt und überträgt 40 GBit/s

Auf Indiegogo verspricht der Hersteller, dass kein anderes USB-Kabel mehr gebraucht wird. Schließlich sei das Future Racing Cable vielseitig.

Future Racing Cable: Modulares USB-Kabel lädt 240 Watt und überträgt 40 GBit/s
Artikel
  1. Notebook-Hersteller: Framework informiert über Abfluss von Kundendaten
    Notebook-Hersteller
    Framework informiert über Abfluss von Kundendaten

    Ein Dienstleister von Framework ist wohl auf eine Phishing-Attacke reingefallen. Er hat dem Angreifer ein Datenblatt mit Kundendaten geschickt.

  2. Verkaufsverbot: Huawei will 50-Cent-Lizenzgebühr pro AVM-Fritzbox
    Verkaufsverbot
    Huawei will 50-Cent-Lizenzgebühr pro AVM-Fritzbox

    Huawei hat gerichtlich ein gültiges Verkaufsverbot von Fritzboxen mit Wi-Fi 6 und Wi-Fi 7 durchgesetzt. Es geht um Huaweis Patente für den Standard.

  3. Massenverkäufe: Teslas sind nicht mehr Hertz' Sache
    Massenverkäufe
    Teslas sind nicht mehr Hertz' Sache

    Der Autovermieter Hertz trennt sich von Teilen seiner Tesla-Flotte und anderen Elektroautos und setzt stattdessen auf Verbrennerfahrzeuge.

Du willst dich mit Golem.de beruflich verändern oder weiterbilden?
Zum Stellenmarkt
Zur Akademie
Zum Coaching
  • Schnäppchen, Rabatte und Top-Angebote
    Die besten Deals des Tages
    • Daily Deals • Lenovo 34" 21:9 Curved WQHD 299€ • ASRock RX 7900 XTX 1.039,18€ • War Hospital 21,59€ • Amazon-Geräte -50% • Acer 34" OLED UWQHD 175Hz 999€ • PS5 + Spider-Man 2 569€ • AMD Ryzen 9 5950X 379€ • Switch-Controller 17,84€ • AOC 27" QHD 165Hz 229€ • 3 Spiele für 49€ [Werbung]
    •  /