Sehr geehrte POWERGAP-Shopbetreiber,

heute möchten wir Ihnen eine neue Funktion vorstellen, die es Ihnen ermöglicht nicht genutzte CSS-Klassen und -IDs in Ihrer CSS-Datei zu finden.

Dazu unter Sonstiges > Grundeinstellungen > Punkt 9 > Überflüssige CSS-Elemente finden auf JA stellen.

Solange diese Funktion aktiviert ist, wird auf jeder Seite in Ihrem Shop ein kleines Javascript eingebunden, das den Quelltext auf diese Elemente untersucht.
Wichtig: Damit diese Funktion richtig arbeitet, muss in Ihrem Frontend jQuery eingebunden sein.

Anschließend unter Layout > Schriften / CSS > Überflüssige CSS-Elemente auf den gelben Button "JSON-Datei generieren" klicken.
Jetzt wird eine JSON-Datei erzeugt, in der alle IDs und Klassen gespeichert werden, die in Ihrem CSS gefunden werden.

Bei jedem Aufruf in Ihrem Shop wird diese JSON-Datei geladen und es wird überprüft, ob die Elemente, die darin enthalten sind, im Quelltext auftauchen.
Ist das der Fall werden diese Elemente aus der JSON-Datei gelöscht.


Hier ein Beispiel:

JSON-Datei neu erzeugt:




Nach dem Aufruf von Startseite, Suchergebnis & Artikeldetail:




Nach ein paar Tagen oder Wochen können Sie davon ausgehen, dass so ziemlich alle Seiten Ihres Shops aufgerufen wurden. Mit hoher Wahrscheinlichkeit sind dann die Klassen, die dort noch auftauchen, überflüssig bzw. nicht genutzt.


Sollten Sie noch Fragen zu dieser Funktion haben können Sie sich gerne bei uns melden.