techboys.de: Ratgeber für Netzwerksicherheit, VPNs & IPTVtechboys.de: Ratgeber für Netzwerksicherheit, VPNs & IPTV
  • Smart Home
  • TV & Streaming
  • Tech
  • VPN & Netzwerk
Du liest: Endlich neue WP Rocket Remove Unused CSS Funktion
Teilen
Aa
techboys.de: Ratgeber für Netzwerksicherheit, VPNs & IPTVtechboys.de: Ratgeber für Netzwerksicherheit, VPNs & IPTV
Aa
  • Die 10 besten VPN im Vergleich
  • Tech
  • Reviews
  • Dreambox
Suchbegriff eingeben
  • Smart Home
  • TV & Streaming
  • Tech
  • VPN
Du hast bereits ein Konto? Anmelden
Folge Uns
  • Kontakt
  • Impressum
  • Datenschutzerklärung (EU)
  • Cookies
© 2022 techboys.de. Erstellt mit Liebe & Vielzuviel Espresso.

Du bist hier: Home » WordPress

WordPress

Endlich neue WP Rocket Remove Unused CSS Funktion

Die Remove Unused CSS Funktion ist zwar hip und angesagt, funktionierte bislang aber meistens nicht richtig. Das ändert sich mit WP Rocket 3.11, der ersten größeren Hauptversion seit längerer Zeit.

Gary Madeo
Aktualisiert: 13. April 2023 um 13:01 Uhr
Veröffentlicht am 16. April 2022 478 Mal gelesen
Teilen
6 Min
WP Rocket Tutorial
Teilen
Auf einen Blick
  • Die Removed Unused CSS-Funktion wurde von Grund auf überarbeitet und funktioniert nun viel schneller und zuverlässiger.
  • Jeder Beitrag, jeder Artikel und jede Seite bekommt ein individuell angepasstes Ergebnis, sodass (in der Theorie zumindest) CSS-Stylesheets oder CSS-Klassen die im Einzelfall benötigt werden, nicht versehentlich entfernt werden.

In WP Rocket ab 3.11.0.5 wurde eine wichtige Funktion komplett neu überarbeitet, mit der sich viele Nutzer bislang vergebens geplagt haben.

Im Mittelpunkt dieses Major Updates steht eine brandneue Funktion zum Entfernen unbenutzter CSS, mit der WP Rocket Nutzer deutlich bessere – und hoffentlich auch deutlich einfacher – Ergebnisse erzielen können.

Das Team rund um eines der beliebtesten WordPress Caching und Performance Plugins beschloss, die “Removed Unused CSS”-Funktion von Grund auf neu zu entwickeln. Seit diese nämlich mit der Version 3.9 eingeführt wurde, war man selbst nicht so richtig zufrieden gewesen.

Update 21.04.2022: 
WP Rocket 3.11.0.5 ist nun für alle Nutzer veröffentlicht worden.

Wahrscheinlich, das ist meine völlig unqualifizierte persönliche Meinung, hat die Marketing-Abteilung darauf gedrängt, die nicht sonderlich marktreife Funktion viel zu früh einzubauen. Zum Glück war entweder der Protest so groß, die Support-Anfragen so massiv oder das Team so besonnen, an einer besseren Lösung zu arbeiten.

- Werbung -
Ad image

Kennst Du schon FlyingPress, eines der schnellsten Cache Plugins für WordPress? Hier geht es zum Testbericht und Vergleich mit WP Rocket!

Was hat sich bei Remove Unused CSS nun genau geändert?

Was genau macht WP Rocket nun anders? Hier die wichtigsten Änderungen, die mit Version 3.11 ausgerollt werden.

Zum einen ist man zur asynchronen Methodik übergegangen, um den CSS-Optimierungsprozess so reibungslos und schnell wie möglich zu gestalten. Die Benutzer können nun alle 60 Sekunden 100 neue URLs generieren lassen CSS und so die Leistungsverbesserungen etwa auf PageSpeed Insights sofort nachverfolgen.

Auch die Handhabung der Funktion „Preload Font“ beim Entfernen nicht verwendeter CSS wurde geändert.
Benutzer sollten eine Verbesserung ihres PageSpeed Insights-Scores und der wichtigsten Leistungskennzahlen feststellen können, auch wenn die Funktion „Unbenutzte CSS entfernen“ bereits aktiviert war.

Zuletzt ist es gelungen, 90 % der bekannten Probleme mit der Funktion zum Entfernen von nicht verwendetem CSS zu beheben und die verbleibenden und neuen Probleme schnell und einfach zu beheben.
Die Benutzer sollen von einer besseren Kompatibilität und Genauigkeit. Die Fehler beim Entfernen von nicht verwendetem CSS, deren Behebung zu lange dauert, gehören der Vergangenheit an.

Im Artikel ist ein Affiliate-Link platziert. 
Solltest Du WP Rocket über diesen Link kaufen, erhalte ich eine kleine Provision. Der Preis ändert sich für Dich dadurch nicht. 
Übrigens: diese Seite wird durch WP Rocket befeuert!

WP Rocket 3.11 soll in den kommenden Tagen für alle Nutzer veröffentlicht werden – wann genau, wurde noch nicht verraten. Seit 24. März wird 3.11 jedoch bereits häppchenweise an die Nutzer verteilt – ich bin leider derweil immer noch bei Version 3.10.9.

Noch mehr Lesestoff

Automatische Adsense Anzeigen auf AMP Seiten – so geht’s

Tipp: WordPress 5.5 Lazy Loading & Sitemap abschalten

WordPress Benachrichtigungen erstellen mit Top-Bar Plugin

How to: WordPress Widgets auf Smartphones verbergen

WP Rocket 3.11 kaufen

WP Rocket Remove Unused CSS in der Praxis

WP Rocket Remove Unused CSS Optionen
WP Rocket Remove Unused CSS Optionen
WP Rocket Remove Unused CSS Cache füllen
WP Rocket Remove Unused CSS Cache füllen
Hier die zwei wichtigsten Veränderungen.

Die Option zum Entfernen der nicht benötigten CSS-Dateien findet sich bei WP Rocket nach wie vor im Reiter Datei-Optimierung, alternativ könnt ihr stattdessen auch die Einstellung CSS-Dateien asynchron laden auswählen. Entscheidet ihr euch, der überarbeiteten Funktion eine Chance zu geben, wird automatisch die Einstellung zum Zusammenfassen von CSS-Dateien deaktiviert. Die genaue technische Erklärung, wie diese Option funktioniert, habe ich zum Nachlesen als Quellenangabe am Ende des Artikels angehängt.

Zunächst wird für die Startseite die nicht benötigte CSS entfernt, was nun nach etwa spätestens 90 Sekunden abgeschlossen sein sollte. Die gute Nachricht: anders als früher funktioniert das tatsächlich! Es kam bislang nicht vor, dass der Prozess in einer Endlosschleife stecken blieb. Hier habe ich mich in der Vergangenheit ewig und drei Tage geärgert, weil es viel zu selten tatsächlich funktionierte. Ich habe mich schon nach Alternativen wie etwa Flying Press umgeschaut – wesentlich einfacher gehalten, mit ähnlichen Funktionen ausgestattet und eine echte Alternative für alle, die einmal ein anderes Caching-Plugin einsetzen wollen.

WP Rocket GTMetrix
WP Rocket GTMetrix

Die weiteren Beiträge, Seiten und Kategorien eurer Webseite werden im Anschluss nach und nach verarbeitet – alle 60 Sekunden werden bis zu 100 Seiten abgearbeitet, sodass ihr im Idealfall für jeden Eintrag eine individuell optimierte Version bekommt. Bei über 2000 Beiträgen wie etwa auf dieser Webseite dauert das also eine Weile und ihr müsst ein wenig Geduld mitbringen.

Andererseits läuft das Ganze unauffällig im Hintergrund, etwa so wie das Vorladen der Seiten im Cache. Ihr bekommt im besten Fall ein individuell angepasstes Ergebnis, wo vorher nur nach Typ (Beitrag, Seite, Archiv usw.) ausgeliefert wurde oder ihr einen teuren Zusatzdienst wie etwa PurifyCSS einsetzen musstet.

Funktioniert es problemlos? Ja, aber zumindest bei mir nicht ohne manuelle Nacharbeit. Im verwendeten Theme wird bei einzelnen Beiträgen automatisch am Ende bereits der nächste Artikel nachgeladen. Damit kommt WP Rocket an sich auch klar. Es wird aber anders als bei vielen anderen Themes ein kleinerer Ausschnitt angezeigt. Den vollständigen Artikel bekommt man nur bei Interesse angezeigt. Standardmäßig zerstört die Funktion aber die Optik, weil das Plug-in, die dafür benötigte CSS nicht erkennt und entfernt. Man kann sich zwar behelfen, indem man die CSS-Klassen in der Safelist als Ausnahme definiert, was aber bestimmt nicht durch jeden Nutzer/jede Nutzerin sofort und einfach umgesetzt werden kann.

Für mich hat sich am Ende des Tages das WP Rocket Update definitiv gelohnt – GTMetrix zeigt mir ein erfreuliches Ergebnis an (siehe Screenshot oben), auch Googles Page Speed Insight ist zufrieden – ich will also nicht meckern!

THEMA: Cache, Optimierung, WordPress
QUELLEN: WP Rocket Changelog, Asynchronous Optimizations
Diesen Beitrag teilen
Facebook Twitter Whatsapp Whatsapp Email Link kopieren
Avatar-Foto
von Gary Madeo Gründer und Autor
Folgen:
Vor Jahren nebenher aus Spaß an der Freude gegründet, wird er dieses Projekt so schnell nicht mehr los. Bloggt und kümmert sich um die gesamte Technik hinter einem Tech-Blog. Schreibt zur Ablenkung über Fußball, meist ohne Magenschmerzen zu bekommen.
Vorheriger Beitrag Nura NuraBuds True Wireless Kopfhoerer 13 min scaled • techboys.de: Ratgeber für Netzwerksicherheit, VPNs & IPTV Nura bringt zwei neue True-Wireless-Kopfhörer auf den Markt
Nächster Beitrag Anker 521 PowerHouse Ladestation 6 e1650342364315 • techboys.de: Ratgeber für Netzwerksicherheit, VPNs & IPTV Kraftwerk “on the go”: Anker 521 PowerHouse Ladestation erhältlich
Kommentar hinterlassen Kommentar hinterlassen

Schreibe einen Kommentar Antworten abbrechen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Diese Website verwendet Akismet, um Spam zu reduzieren. Erfahre mehr darüber, wie deine Kommentardaten verarbeitet werden.

Unsere Themen

Apple

28 Beiträge
Enigma2

TV & Streaming

21 Beiträge

Games

99 Beiträge
techboys.de Kontakt

Reviews

88 Beiträge
Smart Home

Smart Home

79 Beiträge
Tech bei techboys.de

Tech

129 Beiträge

VPN

45 Beiträge

WordPress

17 Beiträge

Beliebte Beiträge

NordVPN-Router einrichten
🛡️ VPN-Router Anleitung | Tutorial für NordVPN-Einsteiger 📚
22. April 2023
Tivusat OScam 1 1 • techboys.de: Ratgeber für Netzwerksicherheit, VPNs & IPTV
Tivùsat OScam geht nicht mehr? Das kannst Du jetzt tun!
28. Dezember 2022
NordVPN Test 2023 2 • techboys.de: Ratgeber für Netzwerksicherheit, VPNs & IPTV
NordVPN Test 2023 – Bekannt, beliebt und gut?
ExpressVPN Test 2023
🔝 ExpressVPN Test 2023 – Wo wir sind, ist oben!
pexels photo 7238759 1 • techboys.de: Ratgeber für Netzwerksicherheit, VPNs & IPTV
Die beste deutsche Streamerin 2023
10. März 2023

Alle News. Jederzeit.

Keine weiteren Beiträge mehr verpassen.

Ich habe die Allgemeinen Geschäftsbedingungen gelesen und stimme ihnen zu.

Smart Home

Ikea Symfonisk Standleuchte • techboys.de: Ratgeber für Netzwerksicherheit, VPNs & IPTV
Ikea Stehlampe im Smart Home: Sprachsteuerung mit Alexa, Siri und Google Assistant 🛋️💡🎙️
1. Mai 2023 229 Mal gelesen
Govee Deals • techboys.de: Ratgeber für Netzwerksicherheit, VPNs & IPTV
Govee Deals: mit bis zu 30 % Rabatt ins neue Jahr starten
1. Januar 2023 403 Mal gelesen
Philips Hue natuerlichesLicht • techboys.de: Ratgeber für Netzwerksicherheit, VPNs & IPTV
Philips Hue natürliches Licht ist endlich da, sorgt aber für Ärger!
23. Dezember 2022 1k Mal gelesen

Beliebte Beiträge

NordVPN-Router einrichten
🛡️ VPN-Router Anleitung | Tutorial für NordVPN-Einsteiger 📚
22. April 2023 9.7k Mal gelesen
Tivusat OScam 1 1 • techboys.de: Ratgeber für Netzwerksicherheit, VPNs & IPTV
Tivùsat OScam geht nicht mehr? Das kannst Du jetzt tun!
28. Dezember 2022 6.5k Mal gelesen
NordVPN Test 2023 2 • techboys.de: Ratgeber für Netzwerksicherheit, VPNs & IPTV
NordVPN Test 2023 – Bekannt, beliebt und gut?
25. März 2023 2.1k Mal gelesen

Über uns!

techboys.de: Ratgeber für Netzwerksicherheit, VPNs & IPTV

Du möchtest mit uns zusammenarbeiten?

Du hast einen heißen Tipp für uns oder auch einfach nur eine Frage?

Nachricht
Erstellt mit Liebe ❤ & vielzuviel ☕ Espresso. © 2012- 2023 techboys.de.
  • Kontakt
  • Impressum
  • Datenschutzerklärung (EU)
  • Cookies
techboys.de: Ratgeber für Netzwerksicherheit, VPNs & IPTV
Cookie-Einstellungen
Um dir ein optimales Erlebnis zu bieten, verwenden wir Technologien wie Cookies, um Geräteinformationen zu speichern und/oder darauf zuzugreifen. Wenn du diesen Technologien zustimmst, können wir Daten wie das Surfverhalten oder eindeutige IDs auf dieser Website verarbeiten. Wenn du deine Zustimmung nicht erteilst oder zurückziehst, können bestimmte Merkmale und Funktionen beeinträchtigt werden.
Funktional Immer aktiv
Die technische Speicherung oder der Zugang ist unbedingt erforderlich für den rechtmäßigen Zweck, die Nutzung eines bestimmten Dienstes zu ermöglichen, der vom Teilnehmer oder Nutzer ausdrücklich gewünscht wird, oder für den alleinigen Zweck, die Übertragung einer Nachricht über ein elektronisches Kommunikationsnetz durchzuführen.
Vorlieben
Die technische Speicherung oder der Zugriff ist für den rechtmäßigen Zweck der Speicherung von Präferenzen erforderlich, die nicht vom Abonnenten oder Benutzer angefordert wurden.
Statistiken
Die technische Speicherung oder der Zugriff, der ausschließlich zu statistischen Zwecken erfolgt. Die technische Speicherung oder der Zugriff, der ausschließlich zu anonymen statistischen Zwecken verwendet wird. Ohne eine Vorladung, die freiwillige Zustimmung deines Internetdienstanbieters oder zusätzliche Aufzeichnungen von Dritten können die zu diesem Zweck gespeicherten oder abgerufenen Informationen allein in der Regel nicht dazu verwendet werden, dich zu identifizieren.
Marketing
Die technische Speicherung oder der Zugriff ist erforderlich, um Nutzerprofile zu erstellen, um Werbung zu versenden oder um den Nutzer auf einer Website oder über mehrere Websites hinweg zu ähnlichen Marketingzwecken zu verfolgen.
Optionen verwalten Dienste verwalten Anbieter verwalten Lese mehr über diese Zwecke
Einstellungen
{title} {title} {title}
 

Lade Kommentare …
 

    Logo techboys.de: Ratgeber für Netzwerksicherheit, VPNs & IPTV
    Willkommen zurück!

    Anmelden!

    Passwort vergessen?