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.

Anzeige

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.


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...

aaaaa 24. Mär 2006

Was hast du bitteschön gegen Prozentangaben? Mich stört, dass mir Webmaster immer...

droL 24. Mär 2006

Dabei wurde mir ja schier schlecht ^^ a: %-Angaben b: "" nicht vorhanden c: GROß und...

Sabbeltante 24. Mär 2006

@Unwesen: Clown gefrühstückt...? ;-)

Kommentieren


Mastblau / 23. Mär 2006

Tweak - CSS optimieren



Anzeige

  1. Senior-Entwicklungsingenieur Standard Software FLEXRAY (m/w)
    MBtech Group GmbH & Co. KGaA, Sindelfingen
  2. Softwareentwickler (m/w)
    SMS Maschinenbau GmbH, Albstadt
  3. E-Commerce Plattform Manager (m/w)
    redcoon GmbH, Aschaffenburg
  4. IT-Senior Analyst SAP Support (m/w)
    Media-Saturn IT Services GmbH, Ingolstadt

 

Detailsuche


Spiele-Angebote
  1. NEU: Die Siedler 7 Download
    5,97€
  2. GTA 5 (PC)
    59,00€ (Vorbesteller-Preisgarantie) USK 18 - Release 14.04.
  3. NEU: Assassin's Creed 3 Download
    5,97€

 

Weitere Angebote


Folgen Sie uns
       


  1. Smartwatch

    Android Wear soll bald mit iOS sprechen

  2. HTC Re Vive ausprobiert

    Räumt schon mal die Keller leer

  3. Big Maxwell

    Nvidias Geforce GTX Titan X bietet 12 GByte Videospeicher

  4. EU-Datenschutzreform

    Verbraucherschützer warnen vor "Ausverkauf" der Nutzerrechte

  5. DSL/Mobilfunk

    O2 hält Watchever-Nutzung trotz Drosselung für möglich

  6. Anhörung im Bundestag

    Leistungsschutzrecht findet Unterstützer

  7. Branchenbuch

    Was Google und Bing nicht anzeigen, ist wertlos

  8. Globales Transportnetz

    China will längsten Tunnel am Meeresgrund bauen

  9. Google

    Chrome-Support für Android 4.0 wird eingestellt

  10. Valve

    Kostenlose Source-2-Engine bietet Vulkan-Unterstützung



Haben wir etwas übersehen?

E-Mail an news@golem.de



Galaxy S6 und S6 Edge im Hands on: Rund, schnell, teuer
Galaxy S6 und S6 Edge im Hands on
Rund, schnell, teuer
  1. Galaxy S6 und Edge-Variante Samsungs neue Top-Smartphones im Glaskleid
  2. Exynos 7 Octa Schneller Prozessor des Galaxy S6 wird in 14 nm gefertigt
  3. Qualcomm-Prozessor LG widerspricht Hitzeproblemen beim Snapdragon 810

Star Citizen: Grafiktricks und galaktisch zerstörte Toiletten
Star Citizen
Grafiktricks und galaktisch zerstörte Toiletten
  1. Squadron 42 Kampagne von Star Citizen startet im Herbst 2015
  2. Star Citizen Galaktisches Update mit Lobby, Raketen und Cockpits

MWC-Tagesrückblick im Video: Chromatische Aberrationen und Dank an die Kollegen von Heise
MWC-Tagesrückblick im Video
Chromatische Aberrationen und Dank an die Kollegen von Heise
  1. Leap Blackberry stellt Smartphone ohne Hardwaretastatur vor
  2. So groß wie ein Smartphone Huawei zeigt kompaktes Android-Tablet mit Telefoniefunktion
  3. Alcatel Onetouch Watch Runde Smartwatch wird doch teurer

  1. Guter Ansatz, schlechter Ansatz

    mag | 01:10

  2. Re: "Zumindest kleineren Erdstößen sollte der...

    teenriot* | 00:54

  3. Re: Befürchtungen

    mag | 00:53

  4. Re: Wurde das Gerät nun gehackt aus der Ferne ?

    HansHorstensen | 00:52

  5. Re: 12 oder 11,5? (kwT)

    Gucky | 00:51


  1. 22:28

  2. 21:33

  3. 21:22

  4. 19:04

  5. 18:51

  6. 17:08

  7. 16:52

  8. 16:14


  1. Themen
  2. A
  3. B
  4. C
  5. D
  6. E
  7. F
  8. G
  9. H
  10. I
  11. J
  12. K
  13. L
  14. M
  15. N
  16. O
  17. P
  18. Q
  19. R
  20. S
  21. T
  22. U
  23. V
  24. W
  25. X
  26. Y
  27. Z
  28. #
 
    •  / 
    Zum Artikel