Abo
  • Services:
Anzeige

Helium findet nicht genutztes CSS

Javascript-Tool wird direkt in die Website eingebunden

Der Webentwickler Geuis Teses hat mit Helium ein Javascript-Tool veröffentlicht, das ungenutztes CSS in Webseiten aufspürt und Entwicklern und Designern so bei der Optimierung hilft.

Helium kommt als Javascript-Datei daher, die in eine Webseite eingebunden wird und eine Liste von URLs von unterschiedlichen Bereichen einer Website verarbeitet. Die Liste kann bequem in ein Textfeld eingegeben werden, das Helium anzeigt, nachdem es eingebunden wurde.

Die Webseiten hinter den aufgeführten URLs lädt Helium und parst sie, um eine Liste aller Stylesheets zu erstellen. Anschließend besucht das Script alle gelisteten Seiten und überprüft, ob die in den CSS-Dateien gefundenen Selektoren auch verwendet werden.

Anzeige

Letztendlich generiert Helium aus allen Informationen einen Report, der aufzeigt, welche Stylesheets definiert wurden und ob diese in den Seiten auch verwendet werden. Gesondert angezeigt wird, wenn nur einer von mehreren Selektoren, die einer Definition zugeordnet sind, nicht verwendet wird. Auch fehlerhafte Selektoren zeigt Helium an.

Lediglich Selektoren für Pseudoklassen wie ".div:hover" müssen Entwickler selbst testen, denn diese werden nur durch Nutzerinteraktion aktiviert, was Helium derzeit nicht kann. Immerhin werden die Selektoren für Pseudoklassen gesondert angezeigt.

Helium wurde in Chrome entwickelt, funktioniert laut Teses aber auch in Safari und Firefox. Lediglich der Internet Explorer wird nicht unterstützt, was sich in Zukunft aber ändern soll.

Helium steht unter der MIT-Lizenz und kann unter github.com/geuis/helium-css heruntergeladen werden. Die Software sollte nur auf Testsystemen genutzt werden, da sie andernfalls allen Nutzern einer Website angezeigt wird.


eye home zur Startseite
ChilliConCarne 19. Jan 2010

Tante Frida und Oma Kunz machen ja auch sicher 399$ locker, um eine Kochrezeptseite...

Mozilla... 19. Jan 2010

Das ist kein Plugin.

Echt_Questionmark 18. Jan 2010

Das ding grast alle Seiten ab und erstellt DANN eine Liste der ungenutzten CSS Definitionen?

Jones01 18. Jan 2010

CSS-Viewer wäre das Pendant für Firefox, oder man nutzt Firebug. Somit - nichts neues :)



Anzeige

Stellenmarkt
  1. SmartRay GmbH, Wolfratshausen
  2. Robert Bosch GmbH, Abstatt
  3. über JobLeads GmbH, München
  4. Deutsche Post DHL Group, Bonn


Anzeige
Hardware-Angebote
  1. (täglich neue Deals)
  2. und Gratis-Produkt erhalten

Folgen Sie uns
       

  1. Gulp-Umfrage

    Welche Kenntnisse IT-Freiberufler brauchen

  2. HPE

    650 Millionen Dollar für den Einstieg in die Hyperkonvergenz

  3. Begnadigung

    Danke, Chelsea Manning!

  4. Android 7

    Nougat für Smartphones von Sony, Oneplus, LG und Huawei

  5. Simplygon

    Microsoft reduziert 3D-Details

  6. Nach Begnadigung Mannings

    Assange weiter zu Auslieferung in die USA bereit

  7. Startups

    Rocket will 2017 drei Firmen in Gewinnzone bringen

  8. XMPP

    Chatsecure bringt OMEMO-Verschlüsselung fürs iPhone

  9. Special N.N.V.

    Nanoxias Lüfter sollen keinerlei Vibrationen übertragen

  10. Intel

    Internet-of-Things-Plattform auf x86-Basis angekündigt



Haben wir etwas übersehen?

E-Mail an news@golem.de


Anzeige
Nintendo Switch im Hands on: Die Rückkehr der Fuchtel-Ritter
Nintendo Switch im Hands on
Die Rückkehr der Fuchtel-Ritter
  1. Nintendo Switch Eltern bekommen totale Kontrolle per App
  2. Nintendo Switch erscheint am 3. März
  3. Nintendo Switch Drei Stunden Mobilnutzung und 32 GByte interner Speicher

Autonomes Fahren: Laserscanner für den Massenmarkt kommen
Autonomes Fahren
Laserscanner für den Massenmarkt kommen
  1. BMW Autonome Autos sollen mehr miteinander quatschen
  2. Nissan Leaf Autonome Elektroautos rollen ab Februar auf Londons Straßen
  3. Autonomes Fahren Neodriven fährt autonom wie Geohot

Reverse Engineering: Mehr Spaß mit Amazons Dash-Button
Reverse Engineering
Mehr Spaß mit Amazons Dash-Button

  1. Re: Finanzielle Absicherung von Chelsea Manning?

    Salzbretzel | 01:15

  2. Re: Veerräter!

    Abseus | 01:14

  3. Re: Das macht der doch...

    torrbox | 01:12

  4. Re: das muss man allerdings vervollständigen

    bjs | 01:06

  5. Re: Begnadigung, bei positiver Wertung vieler...

    Salzbretzel | 01:02


  1. 19:06

  2. 17:37

  3. 17:23

  4. 17:07

  5. 16:53

  6. 16:39

  7. 16:27

  8. 16:13


  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