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

Ratiocinator: CSS-Trashman wirft überflüssige Stylesheets raus

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

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.

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.

Anzeige

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



Anzeige

Stellenmarkt
  1. über Hanseatisches Personalkontor Bodensee, Salem
  2. LEONI Bordnetz-Systeme GmbH, Kitzingen
  3. DZ PRIVATBANK S.A., Luxemburg
  4. ROHDE & SCHWARZ GmbH & Co. KG, Teisnach


Anzeige
Top-Angebote
  1. 299,00€
  2. 47,99€
  3. 29,97€

Folgen Sie uns
       


  1. Datenbank

    Microsofts privater Bugtracker ist 2013 gehackt worden

  2. Windows 10

    Fall Creators Update wird von Microsoft offiziell verteilt

  3. Robert Bigelow

    Aufblasbare Raumstation um den Mond soll 2022 starten

  4. Axon M

    ZTE stellt Smartphone mit zwei klappbaren Displays vor

  5. Fortnite Battle Royale

    Epic Games verklagt Cheater auf 150.000 US-Dollar

  6. Microsoft

    Das Surface Book 2 kommt in zwei Größen

  7. Tichome Mini im Hands On

    Google-Home-Konkurrenz startet für 82 Euro

  8. Düsseldorf

    Telekom greift Glasfaserausbau von Vodafone an

  9. Microsoft

    Neue Firmware für Xbox One bietet mehr Übersicht

  10. Infrastrukturabgabe

    Kleinere deutsche Kabelnetzbetreiber wollen Geld von Netflix



Haben wir etwas übersehen?

E-Mail an news@golem.de


Anzeige
Cybercrime: Neun Jahre Jagd auf Bayrob
Cybercrime
Neun Jahre Jagd auf Bayrob
  1. Antivirus Symantec will keine Code-Reviews durch Regierungen mehr
  2. Verschlüsselung Google schmeißt Symantec aus Chrome raus
  3. Übernahme Digicert kauft Zertifikatssparte von Symantec

Passwortmanager im Vergleich: Das letzte Passwort, das du dir jemals merken musst
Passwortmanager im Vergleich
Das letzte Passwort, das du dir jemals merken musst
  1. 30.000 US-Dollar Schaden Admin wegen Sabotage nach Kündigung verurteilt
  2. Cyno Sure Prime Passwortcracker nehmen Troy Hunts Hashes auseinander
  3. Passwortmanager Lastpass ab sofort doppelt so teuer

APFS in High Sierra 10.13 im Test: Apple hat die MacOS-Dateisystem-Werkzeuge vergessen
APFS in High Sierra 10.13 im Test
Apple hat die MacOS-Dateisystem-Werkzeuge vergessen
  1. MacOS 10.13 Apple gibt High Sierra frei
  2. MacOS 10.13 High Sierra Wer eine SSD hat, muss auf APFS umstellen

  1. Re: leider etliche Funklöcher, wenn man mit RE1...

    devman | 00:21

  2. Re: Bei Display und Keyboard gibt's Workarounds

    Crossfire579 | 00:20

  3. Re: Warum zum Teufel wird jeder Laptop mit einem...

    zenker_bln | 00:18

  4. Re: VPN, VPN, VPN

    Isodome | 00:14

  5. Re: Die Inkarnation von 0815

    KruemelMonster | 17.10. 23:57


  1. 21:08

  2. 19:00

  3. 18:32

  4. 17:48

  5. 17:30

  6. 17:15

  7. 17:00

  8. 16:37


  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