RapidLoad CSS Reinigung

Rapidload war früher ein Plugin, für dessen Funktion Autoptimize erforderlich war, aber jetzt ist es ein eigenständiges CSS-Plugin. Nachdem Sie Rapidload installiert haben, wird es in der oberen Leiste Ihres WordPress-Admin-Dashboards angezeigt. Klicken Sie darauf, um zum Hauptkontrollbereich für das Plugin zu gelangen.

Also wie Tue ich Benutze es?

Als erstes müssen Sie Ihre Seiten/Produkte und/oder Beiträge hinzufügen. Sie können bei Bedarf auch Ihre gesamte Sitemap hinzufügen. Dadurch werden alle URLs gescannt und die neuen Dateien erstellt. Der Vorgang dauert einige Zeit. Stellen Sie daher sicher, dass Sie unten das Kontrollkästchen „Automatische Aktualisierung“ aktivieren, um den Fortschritt jeder Seite zu sehen. Sie können neben jeder URL auf die Schaltfläche „In Warteschlange“ oder „In Bearbeitung“ klicken, wenn sie hängen bleibt.

Wenn Sie Seiten oder problematische CSS-Dateien haben, können Sie diese aus den neuen CSS-Dateien ausschließen. Dadurch werden bestimmte Dateien von ihrem ursprünglichen Speicherort geladen, wenn Sie auf Stilprobleme stoßen. Aktivieren Sie auch kritisches CSS, aber lassen Sie separates mobiles CSS in Ruhe, es sei denn, Sie haben eine dedizierte mobile/AMP-Site. Themes sind wirklich darauf ausgelegt, responsiv zu sein, und ein separater Cache könnte Ihre Website verlangsamen.

Wichtig Cache / Minimieren Punkte

Wenn Sie ein Cache- oder Optimierungs-Plugin ausführen, z WP Rocket oder Asset Cleanup Pro, aktivieren Sie die Kästchen nicht, um den Code zu minimieren oder einzubinden. Tatsächlich habe ich bei den Kästchen unten (Zusätzliche Optionen) überhaupt kein Häkchen gesetzt. Dies liegt daran, dass das gesamte Caching von Ihrer Optimierungssoftware durchgeführt wird. Wenn Sie versuchen, es erneut zwischenzuspeichern, führt dies nicht nur zu potenziellen Layoutproblemen, sondern führt auch zu einer Verlangsamung. Cachen und minimieren Sie immer nur aus einer Plugin-Quelle.

Ein weiterer wichtiger Punkt ist die Funktion „Auto Queue“. Wenn Sie eine Website haben, die statischen Inhalt hat – das heißt, Sie erstellen die Seiten/Beiträge und sie bleiben gleich, nicht Stellen Sie die Dateien erneut in die Warteschlange. Sobald eine Datei erstellt wurde, bleibt sie dort, ohne die Datei bei jedem Benutzerbesuch für jede URL ständig neu zu erstellen. Wenn Sie eine große Website haben, wird dies sehr serverintensiv, da Ihre Website ständig CSS-Dateien neu erstellt.

Wenn den gleichen Seiten ständig dynamische oder zusätzliche Inhalte hinzugefügt werden, aktivieren Sie diese Funktion. Dies liegt daran, dass neue Inhalte möglicherweise bedeuten, dass neues CSS verwendet wird – und Sie benötigen die Datei, um das CSS zu laden, das für die ordnungsgemäße Anzeige der Seiten erforderlich ist. Auch hier gilt: Aktivieren Sie dies nur, wenn Sie über dynamische Inhalte verfügen – wie einen Woocommerce-Shop oder ähnliches. Rapidload verfügt über einige „Safelist“-Pakete, die bei der Art Ihrer Website hilfreich sind. Die Woocommerce-Version verhindert beispielsweise, dass Ihre Warenkorb- und Checkout-Seiten zwischengespeichert oder in irgendeiner Weise verändert werden.

Rapidload warnt Sie, wenn Fehler vorliegen. Sie werden es sehen, wenn Sie es verwenden. In der oberen Leiste wird ein grünes Symbol angezeigt, wenn alles in Ordnung ist, ein gelbes Symbol, wenn einige Seiten Layoutfehler aufweisen, und ein rotes Symbol, wenn allgemeine Probleme vorliegen. Überprüfen Sie Ihre Seiten und passen Sie die Einstellungen an, bis alle Seiten „grün“ sind.

Sie werden sehen, wie viel Sie durch CSS Rapidload sparen. Wenn Sie mit der Maus über eine Seite fahren, wird Ihnen angezeigt, wie viele KB sowie ein Prozentsatz der Codemenge, die Sie sparen. Es ist ziemlich überraschend, den Unterschied zu sehen – und die Seitenladezeit wird sich auf fast jeder WordPress-Website, auf der Sie es verwenden, erheblich verkürzen.

Wird das A. machen? Unterschied?

Ja, das wird es – insbesondere auf mobilen Geräten. Denn CSS-Dateien können besonders bei kommerziellen WordPress-Themes sehr groß sein. Die Datenersparnis wird ziemlich groß sein. Einige „styles.css“-Dateien können eine Größe von mehr als 1 MB erreichen. Stellen Sie sich also vor, dass Sie etwa 80–851 TP3T davon einsparen – die anfängliche Downloadgröße der Seite wird drastisch reduziert. Dies ist der wichtigste Weg, um sehr hohe Punktzahlen zu erzielen, insbesondere auf Mobilgeräten. In einigen Fällen habe ich mit Rapidload allein einen Anstieg der mobilen Pagespeed-Scores um 30% festgestellt.

Die manuelle CSS-Reinigung war CSS-Experten vorbehalten. CSS-Dateien sind groß und Sie müssen genau festlegen, welches CSS Sie aus Ihrer Website herausnehmen, und alles, was Sie tun, testen und dann erneut testen.

Rapidload speichert das alles. Nicht nur das, sondern Sie sind es auch nicht tatsächlich überhaupt etwas aus Ihren ursprünglichen CSS-Dateien herausnehmen. Das hat massive Vorteile. Wenn Sie beispielsweise in Zukunft verschiedene Teile oder Funktionen in einem Theme verwenden möchten, steht Ihnen dies frei. Führen Sie einfach den CSS-Generator erneut aus. Bei der manuellen Reinigung ist es für immer verschwunden, sobald Sie es herausnehmen.