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.


eye home zur Startseite
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. Senior Information Security Lead (m/w)
    TUI Business Services GmbH, Hannover oder Crawley (England)
  2. Webentwickler/-in
    ALPLA Werke Alwin Lehner GmbH & Co KG, Hard (Österreich)
  3. Automatisierungstechniker / Programmierer (m/w)
    Vogt-Plastic GmbH, Rheinfelden
  4. Service Delivery Retail IT Projektleiter (m/w)
    Daimler AG, Böblingen

Detailsuche



Anzeige
Hardware-Angebote
  1. VORBESTELLBAR: ASUS GeForce GTX 1080 Founders Edition
    789,00€
  2. TIPP: PCGH i7-6700K Overclocking Aufrüst Kit @ 4,5 GHz
    nur 799,90€
  3. JETZT AUCH BEI CASEKING: HTC Vive VR-Brille
    899,90€

Weitere Angebote


Folgen Sie uns
       


  1. Telekom-Konzernchef

    "Vectoring schafft Wettbewerb"

  2. Model S

    Teslas Autopilot verursacht Auffahrunfall

  3. Security

    Microsoft will Passwort 'Passwort' verbieten

  4. Boston Dynamics

    Google will Roboterfirma an Toyota verkaufen

  5. Oracle-Anwältin nach Niederlage

    "Google hat die GPL getötet"

  6. Selbstvermessung

    Jawbone steigt offenbar aus Fitnesstracker-Geschäft aus

  7. SpaceX

    Falcon 9 Rakete kippelt nach Landung auf Schiff

  8. Die Woche im Video

    Die Schoko-Burger-Woche bei Golem.de - mmhhhh!

  9. Zcryptor

    Neue Ransomware verbreitet sich auch über USB-Sticks

  10. LTE-Nachfolger

    Huawei schließt praktische Tests für Zukunftsmobilfunk ab



Haben wir etwas übersehen?

E-Mail an news@golem.de


Anzeige
Formel E: Monaco-Feeling beim E-Prix in Berlin-Mitte
Formel E
Monaco-Feeling beim E-Prix in Berlin-Mitte
  1. Hewlett Packard Enterprise "IT wird beim Autorennen immer wichtiger"
  2. Roborace Roboterrennwagen fahren mit Nvidia-Computer
  3. Elektromobilität BMW und Nissan wollen in die Formel E

Moto G4 Plus im Hands on: Lenovos sonderbare Entscheidung
Moto G4 Plus im Hands on
Lenovos sonderbare Entscheidung
  1. Lenovo Moto G4 kann doch mit mehr Speicher bestellt werden
  2. Android-Smartphone Lenovos neues Moto G gibt es gleich zweimal
  3. Motorola Aktionspreise für aktuelle Moto-Smartphones

Business-Notebooks im Überblick: Voll ausgestattet, dockingtauglich und trotzdem klein
Business-Notebooks im Überblick
Voll ausgestattet, dockingtauglich und trotzdem klein
  1. Elitebook 1030 G1 HPs Core-M-Notebook soll 13 Stunden durchhalten
  2. Windows 7 und 8.1 Microsoft verlängert den Skylake-Support
  3. Intel Authenticate Fingerabdruck und Bluetooth-Smartphone entsperren PC

  1. Re: Welchen Sinn hat dieses System?

    Eheran | 28.05. 23:57

  2. Wie erkennt der Fahrer, dass er eingreifen muss...

    Tr1umph | 28.05. 23:52

  3. Ami-Free TV, wo Kreativität zum sterben hin geht.

    Thegod | 28.05. 23:49

  4. Re: Passwörter sind für schutzbedürftige Daten...

    Kleba | 28.05. 23:44

  5. Re: Hat nur leider den gegenteiligen Effekt ...

    violator | 28.05. 23:43


  1. 14:15

  2. 13:47

  3. 13:00

  4. 12:30

  5. 11:51

  6. 11:22

  7. 11:09

  8. 09:01


  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