Wie kann man die Dateien seiner WordPress-Seite mit LWS Optimize kombinieren?

Procédure

Was ist eine Kombination?

Kombinieren ist die Maßnahme, alle CSS- oder JS-Dateien einer Website in einer einzigen Datei zusammenzufassen. Dies hat zur Folge, dass weniger HTTP-Anfragen an Ihre Website gestellt werden, wodurch die Website schneller geladen wird. Im Gegensatz zur Minifizierung ist die Kombination schwieriger einzurichten, da sie die Reihenfolge ändert, in der die Dateien geladen werden, was zu Fehlern auf Ihrer Website führen und sie unbrauchbar machen kann, aber im Gegenzug sind die Leistungssteigerungen in der Regel höher. Um diesem Problem entgegenzuwirken, werden Dateien in der Regel in mehreren Dateien statt in einer einzigen zusammengefasst; die Effizienz der Kombination ist dadurch etwas geringer, aber die Probleme, die sie verursachen kann, werden dadurch reduziert.

Reduzieren Sie die Anzahl der HTTP-Anfragen erheblich und verbessern Sie die Ladegeschwindigkeit Ihrer Website, indem Sie Ihre CSS- und JS-Dateien über LWS Optimize kombinieren. Mit nur wenigen Klicks. Wechseln Sie in den erweiterten Modus, aktivieren Sie die Optionen "Kombinieren Sie Ihre CSS-Dateien" und "Kombinieren Sie Ihre JS-Dateien" und leeren Sie dann den Cache. Sie bieten Ihren Besuchern ein flüssigeres Erlebnis. Dieses beste WordPress-Cache-Plugin bietet Ihnen eine umfassende Lösung zur Optimierung von Leistung und Flüssigkeit, die im offiziellen Verzeichnis als bestes kostenloses WordPress-Cache-Plugin kostenlos erhältlich ist.

Um es anschaulicher zu machen, nehmen wir als Beispiel eine Seite einer Website ohne Kombination und schauen uns die Anzahl der geladenen CSS-Dateien an :

24 der von 73 gesendeten Anfragen stammen von CSS-Dateien, also fast ein Drittel der Anfragen. Nach dem Kombinieren der Dateien lädt dieselbe Seite nun nur noch 12 Dateien, was einer Reduzierung von 50% der gesendeten Anfragen für CSS-Dateien entspricht.

Wie kann man die Dateien einer Seite kombinieren?

Um die Dateien einer WordPress-Seite zu kombinieren, benötigen Sie eine Erweiterung, die dies für Sie übernimmt, da es nicht möglich ist, die CSS/JS-Dateien einer WordPress-Seite manuell zu kombinieren, ohne die Funktionsfähigkeit der Seite zu gefährden. Außerdem werden die Dateien bei jeder Aktualisierung von Erweiterungen, Designs oder sogar von WordPress in ihren ursprünglichen Zustand zurückversetzt, und alle Änderungen gehen verloren.

Es gibt verschiedene WordPress-Erweiterungen, mit denen Sie Ihre Dateien kombinieren können, darunter LWS Optimize, eine von LWS erstellte Erweiterung zur Website-Optimierung, die Ihre CSS- und JS-Dateien kombinieren kann.

Kombinieren Sie Ihre Dateien mit LWS Optimize.

Um die Kombination Ihrer Website-Dateien zu aktivieren, gehen Sie zu den Einstellungen der Erweiterung und klicken Sie auf die Schaltfläche "Zum erweiterten Modus wechseln" und dann "auf die Registerkarte "Front-End"" :

Aktivieren Sie dann die Optionen "CSS-Dateien kombinieren" und "JS-Dateien kombinieren", indem Sie die Kontrollkästchen ankreuzen und dann auf die Schaltfläche "Neue Konfiguration speichern" unten rechts klicken:

Die Dateikombination ist nun auf Ihrer Website aktiviert. Da diese jedoch an das Dateicache-System gebunden ist, müssen Sie möglicherweise eine Bereinigung des Dateicache vornehmen, damit sie auf den Seiten Ihrer Website wirksam wird. Gehen Sie dazu auf die Registerkarte "Caching" und klicken Sie neben der Aktion "Manuelle Bereinigung" auf die Schaltfläche "Cache leeren" :

Es kann sein, dass einige Ihrer CSS/JS-Dateien nicht funktionieren, wenn sie kombiniert werden, oder dass Sie einfach nicht wollen, dass sie kombiniert werden; in diesem Fall können Sie auf den Tab "Front-End" zurückkehren und bei der Aktion Ihrer Wahl auf die Schaltfläche "Dateien ausschließen" klicken, um das Ausschluss-Modal zu öffnen:

Im obigen Beispiel wurden die Datei "woocommerce.css", alle Dateien mit der Erweiterung elementor und alle style.css-Dateien aus der Kombination ausgeschlossen. Sie müssen den Dateicache Ihrer Website löschen, damit die Ausschlüsse wirksam werden.

Wie kombiniert LWS Optimize Ihre Dateien?

Wenn Sie den Cache einer Seite Ihrer Website erstellen, wird LWS Optimize alle und

Schlussfolgerung

Sie wissen nun, wie Sie :

• WordPress-Erweiterungen verwenden, um das Zusammenführen von Dateien zu automatisieren, ohne den Betrieb der Website zu beeinträchtigen,
• Die Erweiterung LWS Optimize konfigurieren, um Ihre CSS- und JS-Dateien effizient zu kombinieren und Ausnahmen zu behandeln,
• Erkennen Sie die positiven Auswirkungen der Kombination auf die Anzahl der HTTP-Anfragen und damit auf die Ladegeschwindigkeit Ihrer Website.

🚀 Wenn Sie Ihre Website mit diesen Methoden optimieren, bieten Sie Ihren Besuchern eine schnellere und angenehmere Nutzererfahrung und verbessern potenziell Ihr Ranking in Suchmaschinen. 🌐

Wir hoffen, dass Ihnen dieser Artikel das nötige Wissen vermittelt hat, um die Leistung Ihrer WordPress-Website anzukurbeln. Vielen Dank fürs Lesen und zögern Sie nicht, Ihre Erfahrungen zu teilen oder Ihre Fragen zu stellen, indem Sie unten einen Kommentar hinterlassen! 😊👇