techboys.de • smart tech, auf den Punkt!techboys.de • smart tech, auf den Punkt!
  • TV & Streaming
    TV & Streaming
    Informationen, Anleitungen und mehr für Enigma2-Receiver, IPTV und Streaming. Zum Support-Forum geht’s hier entlang.
    Mehr zeigen
    Top-Beiträge
    VU+ Solo² – HDTV Twin Linux Receiver im Test
    9. Oktober 2022
    Arctic 2.0 FullHD Skin – Prime-Time für eure Vu+-Receiver?
    9. Oktober 2022
    VU+ Solo 4K Test – rasend schnell mit kleineren Schwächen
    9. Oktober 2022
    Zuletzt veröffentlicht
    Tivùsat OScam geht nicht mehr? Das kannst Du jetzt tun!
    9. Januar 2023
    WireGuard Dreambox One Anleitung
    28. November 2022
    X-Streamity – der vielleicht beste Dreambox /Enigma2 IPTV-Player
    9. Oktober 2022
    EventDataManager : Dreambox EPG Deluxe
    9. Oktober 2022
  • Reviews
    ReviewsMehr zeigen
    OVPN Test 2022
    OVPN Test 2022 – Du är så snabb, baby! (Du bist so schnell, Baby!)
    Yedi Vac Max Test • techboys.de • smart tech, auf den Punkt!
    Yeedi Vac Max Test – Flacher Saugroboter mit Wischfunktion und viel Power
    PrivadoVPN 1 • techboys.de • smart tech, auf den Punkt!
    PrivadoVPN Test – Auf Wunsch gratis und aus der Schweiz!
    Dreame Bot W10 811 • techboys.de • smart tech, auf den Punkt!
    Dreame Bot W10 Test – Saug-und Wisch-Profi mit Dockingstation
    Dreame T30 3 • techboys.de • smart tech, auf den Punkt!
    Dreame T30 Test – Akkustaubsauger überzeugt auch Skeptiker
  • Smart Home
    Smart Home
    Smart Home, Netzwerk & Entertainment, Ratgeber zu Philips Hue, Google Home, Siri Home Kit & Alexa.
    Mehr zeigen
    Top-Beiträge
    Synology DS 218+ Test
    Synology DS218+ Test – lohnenswertes Upgrade für ältere NAS-Systeme
    18. April 2021
    neue Tesvor Produkte • techboys.de • smart tech, auf den Punkt!
    Demnächst: Tesvor mit neuem Saugwischer und Akku-Mopp
    14. März 2022
    Denon DJ VL12Feature • techboys.de • smart tech, auf den Punkt!
    So höre ich Vinyl auf Sonos: Denon DJ VL12 Prime Setup
    11. April 2022
    Zuletzt veröffentlicht
    Govee Deals: mit bis zu 30 % Rabatt ins neue Jahr starten
    1. Januar 2023
    Philips Hue natürliches Licht ist endlich da, sorgt aber für Ärger!
    23. Dezember 2022
    Symfonisk: Neue IKEA Sonos-Stehlampe angekündigt
    17. Dezember 2022
    AAL – Smart Home für Senioren
    25. Juli 2022
  • Tech
    TechMehr zeigen
    DSLR Kamera • techboys.de • smart tech, auf den Punkt!
    Der Wunsch nach einer neuen Kamera. Was tun mit der alten?
    24. November 2022
    PKT LA 169 • techboys.de • smart tech, auf den Punkt!
    Pocketalk – Übersetzer für die Hosentasche erschienen
    19. Mai 2022
    copy of asus rt ac86u test • techboys.de • smart tech, auf den Punkt!
    VPN-Router (NordVPN, AsusWRT): einfach schnell unterwegs!
    13. Mai 2022
    crypto56 • techboys.de • smart tech, auf den Punkt!
    Gold als Inflationsschutz – Tipps für die
    Anlage in Gold
    13. Mai 2022
    Motion Boom Plus River • techboys.de • smart tech, auf den Punkt!
    6
    Neue 80-Watt-Lautsprecherbox hört auf den Namen Soundcore Motion Boom Plus
    9. Mai 2022
  • VPN
    VPN
    Anleitungen, Tipps, Tricks und Reviews rund um das Thema VPN und Netzwerk.
    Mehr zeigen
    Top-Beiträge
    copy of asus rt ac86u test 1 • techboys.de • smart tech, auf den Punkt!
    Immer noch einer der besten VPN-Router: Asus RT-AC86U
    8. Oktober 2022
    OpenVPN auf VU+ Receivern einrichten (NordVPN)
    OpenVPN auf VU+ Receivern einrichten (NordVPN)
    9. Oktober 2022
    NordVPNConnectorPlugin • techboys.de • smart tech, auf den Punkt!
    NordVPN Connector Plugin: OpenVPN für Dreambox, VU+ & Co
    29. Dezember 2022
    Zuletzt veröffentlicht
    WireGuard Dreambox One Anleitung
    28. November 2022
    OVPN Test 2022 – Du är så snabb, baby! (Du bist so schnell, Baby!)
    Warum sollte man seine IP-Adresse verbergen?
    10. August 2022
    PrivadoVPN Test – Auf Wunsch gratis und aus der Schweiz!
Du liest: Endlich neue WP Rocket Remove Unused CSS Funktion
Teilen
Aa
techboys.de • smart tech, auf den Punkt!techboys.de • smart tech, auf den Punkt!
Aa
  • Android
  • Deals
  • Games
  • WordPress
  • Die besten VPNs
Suche
  • TV & Streaming
  • Apple
  • Reviews
  • Smart Home
  • VPN
  • Kontakt
Du hast bereits ein Konto Anmelden
Folge Uns
  • Kontakt
  • Datenschutz
  • Cookies
  • AGB
  • Haftungsausschluss
  • Impressum
  • Sitemap
© 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: 22. April 2022 um 9:54 Uhr
Veröffentlicht am 16. April 2022 411 Mal gelesen
Teilen
6 Min zum Lesen
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.

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.

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.

Noch mehr Lesestoff

Tipp: WordPress 5.5 Lazy Loading & Sitemap abschalten

WordPress Benachrichtigungen erstellen mit Top-Bar Plugin

How to: Wordpress Widgets auf Smartphones verbergen

WordPress: Inline Related Posts fügt ähnliche Beiträge zwischen den Zeilen ein

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 Pinterest Whatsapp Whatsapp Reddit Telegram Email Link kopieren Drucken
Teilen
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 • smart tech, auf den Punkt! Nura bringt zwei neue True-Wireless-Kopfhörer auf den Markt
Nächster Beitrag crypto17 • techboys.de • smart tech, auf den Punkt! USA erteilen Kryptoverbot eine Absage
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

27 Beiträge

Games

137 Beiträge

Reviews

133 Beiträge
Smart Home

Smart Home

78 Beiträge

Tech

168 Beiträge

Trade & Crypto

14 Beiträge

VPN

34 Beiträge

WordPress

20 Beiträge

Beliebte Beiträge

X Streamity Titel • techboys.de • smart tech, auf den Punkt!
X-Streamity – der vielleicht beste Dreambox /Enigma2 IPTV-Player
1. März 2022
copy of asus rt ac86u test • techboys.de • smart tech, auf den Punkt!
VPN-Router (NordVPN, AsusWRT): einfach schnell unterwegs!
13. Mai 2022
Tivùsat OScam
Tivùsat OScam geht nicht mehr? Das kannst Du jetzt tun!
28. Dezember 2022
Dreame Bot W10 811 • techboys.de • smart tech, auf den Punkt!
Dreame Bot W10 Test – Saug-und Wisch-Profi mit Dockingstation
crypto17 • techboys.de • smart tech, auf den Punkt!
USA erteilen Kryptoverbot eine Absage
24. April 2022
techboys.de • smart tech, auf den Punkt!techboys.de • smart tech, auf den Punkt!
Folge Uns

© 2022 techboys.de. Erstellt mit Liebe & vielzuviel Espresso.

  • Kontakt
  • Datenschutz
  • Cookies
  • AGB
  • Haftungsausschluss
  • Impressum
  • Sitemap
techboys.de • smart tech, auf den Punkt!
Cookie-Zustimmung
Um Ihnen ein optimales Erlebnis zu bieten, verwenden wir Technologien wie Cookies, um Geräteinformationen zu speichern und/oder darauf zuzugreifen. Wenn Sie diesen Technologien zustimmen, können wir Daten wie das Surfverhalten oder eindeutige IDs auf dieser Website verarbeiten. Wenn Sie Ihre Zustimmung nicht erteilen oder zurückziehen, 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
Optionen verwalten
{title} {title} {title}
 

Lade Kommentare …
 

    adbanner
    Werbeblocker erkannt
    Dieser private Blog wird auch durch Werbung finanziert. Bitte setz uns auf die Whitelist, wenn Du uns unterstützen möchtest.
    Okay, I'll Whitelist
    Willkommen zurück!

    Anmelden!

    Passwort vergessen?