Wie kann man die Dateien einer WordPress-Website 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 wird dadurch zwar etwas gemindert, aber die Probleme, die sie verursachen kann, werden dadurch verringert.

Um dies zu verdeutlichen, 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 in die Einstellungen der Erweiterung und dann auf die Registerkarte "Front-End" :

Aktivieren Sie dann die Optionen "Ihre CSS-Dateien kombinieren" und "Ihre JS-Dateien kombinieren" :

Die Dateikombination ist nun auf Ihrer Website aktiviert. Da diese jedoch mit dem Dateicache-System verknüpft ist, müssen Sie den Dateicache möglicherweise bereinigen, 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 ein schnelleres und angenehmeres Nutzererlebnis 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! 😊👇