Anzeige
CSS Trashman optimiert CSS-Code.
CSS Trashman optimiert CSS-Code. (Bild: Joe Nelson)

Ratiocinator CSS-Trashman wirft überflüssige Stylesheets raus

Joe Nelson hat mit CSS Trashman einen Dienst gestartet, der für bestehende Webseiten optimale Stylesheets erzeugen soll. Der Dienst basiert auf der von Nelson entwickelten Open-Source-Bibliothek Ratiocinator.

Anzeige

CSS-Code wächst bei vielen Projekten mit der Zeit und wird selten bereinigt. Das will Joe Nelson mit seinem Dienst CSS Trashman ändern. Er steht in einer Betaversion zur Verfügung und soll aus einer URL den für die jeweilige Webseite optimalen CSS-Code erzeugen. Noch klappt das aber nicht ganz.

CSS Trashman basiert auf der von Nelson entwickelten Open-Source-Bibliothek Ratiocinator. Während andere CSS-Optimierer die CSS-Angaben analysieren und optimieren, geht Nelson mit Ratiocinator einen ganz anderen Weg. Dieser erstellt aus dem DOM der gerenderten Webseite den für die Darstellung notwendigen CSS-Code. Dazu kommt das auf Webkit basierende PhantomJS zum Einsatz, das den Quelltext einer Webseite rendert und zugleich eine Liste der letztendlich dargestellten Styles erzeugt. Diese nutzt Ratiocinator und entfernt unnötige Doppelungen. Danach werden noch die Standard-Styles des Browsers abgezogen und anschließend die Styles konsolidiert. Dabei wird nach CSS-Eigenschaften im DOM gesucht, die mehrfach vorkommen, so dass mit verschachtelten Klassen der Code reduziert werden kann. So soll am Ende möglichst kompakter CSS-Code entstehen, mit dem sich die Webseite in identischer Form rendern lässt.

Noch gibt es aber einige Probleme: So werden Angaben zu Höhe, Breite und Rändern von Elementen in festen Pixelwerten angegeben, was nicht optimal ist. Auch wird derzeit kein Code für Pseudoelemente wie :hover oder :visited erzeugt. Auch Media-Queries werden nicht unterstützt.

Nelson hofft daher auf Mithilfe und meint damit in erster Linie Fehlerberichte. Aber auch Entwickler, die helfen wollen, die bekannten Probleme zu lösen, sind willkommen.


joocom 23. Apr 2014

Hallo, wir arbeiten in letzter Zeit sehr viel mit Grunt. Wie man schnell und einfach...

Th3Dan 29. Jan 2013

Warum sollen 4 CSS-Dateien nicht gecached werden können? Das geht mit entsprechender...

olleIcke 29. Jan 2013

Sieh an! Ich les öfter mal peterbe.com. Und der hat gerade erst das hier geposted...

LH 29. Jan 2013

Es geht nicht um das durchtauschen von Designs, sondern um das Optimieren der CSS...

Kommentieren



Anzeige

  1. Software Architekt HMI (m/w)
    Robert Bosch Car Multimedia GmbH, Hildesheim
  2. Principal Solution Architect (m/w)
    Daimler AG, Esslingen
  3. SAP Berater (m/w) für das Modul SD (Außenhandel) und SAP GTS Export
    Continental AG, Eschborn
  4. Enterprise Management Mobile App Architect (m/w)
    Media-Saturn IT Services GmbH, Ingolstadt

Detailsuche


Spiele-Angebote
  1. Fallout 3 - Game of the Year Edition [PC Code - Steam] USK 18
    6,79€
  2. NEU: South Park: Der Stab der Wahrheit [PC Code - Steam]
    5,95€
  3. VORBESTELLBAR: Tom Clancy's: The Division [PC Code - Uplay]
    54,45€ - Release 8. März

Weitere Angebote


Folgen Sie uns
       


  1. Security

    Sparkle-Installer macht viele Mac-Apps angreifbar

  2. Geoblocking

    Paypal kündigt Anbietern von Netflix-VPNs

  3. Sandisk Ultra II 960 GByte im Test

    Die (noch) günstige gute Terabyte-SSD

  4. Sourceforge

    Keine Adware mehr beim Download

  5. Sceptor

    Die Nasa entwickelt ein Elektroflugzeug

  6. Square Enix

    Hitman ohne mörderische Systemanforderungen

  7. Videospeicher

    GDDR5X geht im Sommer in Serienfertigung

  8. Doubleclick

    Google will Flash aus seinen Anzeigen verbannen

  9. Übernahme

    1,2-Milliarden-Dollar-Angebot aus China für Opera

  10. LG G5

    Smartphone-Display bleibt immer an



Haben wir etwas übersehen?

E-Mail an news@golem.de


Anzeige
Time Machine VR angespielt: Wir tauchen mit den Monstern der Tiefe
Time Machine VR angespielt
Wir tauchen mit den Monstern der Tiefe
  1. Unreal Engine4 Epic baut virtuelle Welt in virtueller Welt
  2. Unmandelboxing Markus Persson fliegt durch VR-Fraktaltunnel
  3. Spectrevision Elijah Wood macht Horror-VR mit Ubisoft

Tails 2.0 angeschaut: Die Linux-Distribution zum sicheren Surfen neu aufgelegt
Tails 2.0 angeschaut
Die Linux-Distribution zum sicheren Surfen neu aufgelegt

Asteroidenbergbau: Verblendet vom Platinrausch
Asteroidenbergbau
Verblendet vom Platinrausch
  1. Escape Dynamics Firma für mikrowellenbetriebene Raumschiffe ist bankrott
  2. Raumfahrt SpaceX und Orbital bauen Triebwerke für das US-Militär
  3. Dream Chaser Mini-Shuttle darf zur ISS fliegen

  1. Re: Finde ich gut

    Truster | 13:56

  2. Re: Deshalb kein PayPal

    moeppel | 13:55

  3. Re: Die Industrie kämpft mit Handen und Füßen...

    der_wahre_hannes | 13:53

  4. Re: Was geht es PayPal an?

    hutschat | 13:53

  5. Re: Und darum sind Datenschutzgesetze wichtig

    Wechselgänger | 13:52


  1. 12:38

  2. 12:30

  3. 12:02

  4. 11:58

  5. 11:57

  6. 11:23

  7. 11:16

  8. 10:43


  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