Tool-Tipp

PurgeCSS spürt ungenutztes CSS auf

(Grafik: Instacod.es)

Das Tool PurgeCSS hilft euch dabei, ungenutztes CSS aus eurem Code zu entfernen. Die Software kann über die Kommandozeile, über eine Javascript-API oder als Plug-in für verschiedene Build-Tools genutzt werden.

PurgeCSS ist ein hilfreiches Werkzeug, um die CSS-Größe eines Projekts zu verringern. Dazu sucht PurgeCSS vollautomatisch nach ungenutztem CSS und entfernt den entsprechenden Code-Bereich. Die Software kann als Kommandozeilenwerkzeug oder über eine Javascript-API genutzt werden. Außerdem gibt es auch Plugins für Webpack, Gulp und Rollup. Demnächst soll auch der Javascript-Task-Runner Grunt unterstützt werden.

Bei Bedarf könnt ihr auch über eine Konfigurationsdatei festlegen, welche Selektoren PurgeCSS unangetastet lassen soll. Ein derzeit noch experimentelles Feature gibt euch darüber hinaus die Möglichkeit, auch durch Javascript generierte Selektoren herauszufiltern. Dabei kommt Facebooks Prepack zum Einsatz.

PurgeCSS eliminiert auch unnötige Keyframes

Falls ihr CSS-basierte Animationsbibiotheken einsetzt, kann euch PurgeCSS auch dabei helfen, ungenutzte Keyframes zu eliminieren. Die Funktion ist standardmäßig allerdings deaktiviert, was ihr in der Konfigurationsdatei ändern könnt. In der umfangreichen PurgeCSS-Dokumentation findet ihr neben allgemeinen Informationen zum Einsatz auch Beispiele zur Nutzung des Tools mit React und Vue.

Ebenfalls interessant:

Bitte beachte unsere Community-Richtlinien

Wir freuen uns über kontroverse Diskussionen, die gerne auch mal hitzig geführt werden dürfen. Beleidigende, grob anstößige, rassistische und strafrechtlich relevante Äußerungen und Beiträge tolerieren wir nicht. Bitte achte darauf, dass du keine Texte veröffentlichst, für die du keine ausdrückliche Erlaubnis des Urhebers hast. Ebenfalls nicht erlaubt ist der Missbrauch der Webangebote unter t3n.de als Werbeplattform. Die Nennung von Produktnamen, Herstellern, Dienstleistern und Websites ist nur dann zulässig, wenn damit nicht vorrangig der Zweck der Werbung verfolgt wird. Wir behalten uns vor, Beiträge, die diese Regeln verletzen, zu löschen und Accounts zeitweilig oder auf Dauer zu sperren.

Trotz all dieser notwendigen Regeln: Diskutiere kontrovers, sage anderen deine Meinung, trage mit weiterführenden Informationen zum Wissensaustausch bei, aber bleibe dabei fair und respektiere die Meinung anderer. Wir wünschen Dir viel Spaß mit den Webangeboten von t3n und freuen uns auf spannende Beiträge.

Dein t3n-Team

Ein Kommentar
jsnanigans
jsnanigans

Hi Kim, Ich bin einer der Authoren.
Ich wollte mich bedanken dass du über unser kleines Projekt berichtest.
Im nächsten update werden auch unnötige Font-Faces eliminiert, und die performance beim keyframes eliminieren wird auch verbessert.

Antworten

Melde dich mit deinem t3n Account an oder fülle die unteren Felder aus.