Der SEOFuxx Datei-Merger durchsucht eine Website und fasst die lokalen CSS- und JavaScript-Dateien zusammen, die du auswählst.
Was der Merger aktuell macht
Er scannt die URL, die du angibst, nach lokalen .css- und .js-Dateien und zeigt alle Funde als Liste zum Anklicken. Aus deiner Auswahl wird je eine CSS- und eine JS-Datei, auf Wunsch gleich minimiert (Schalter Dateien minimieren).
Schritt-für-Schritt
- Öffne File Merger in der Navigation
- Gib deine Domain ein (z.B.
https://deine-website.de) - Klicke auf Website analysieren
- Wähle die Dateien aus, die zusammengeführt werden sollen
- Lass Dateien minimieren an, wenn du es klein haben willst
- Klicke auf Dateien zusammenführen
Ergebnisdateien
Nach dem Merge liegen zwei Dateien bereit:
global.jsglobal.css
Die Download-Links stehen gleich darunter im Tool.
Integration auf deiner Website
- Lade
global.jsundglobal.cssauf deinen Server - Ersetze die bisherigen Einzel-Einbindungen durch die neuen Dateien
- Leere danach Browser-/Server-Cache
So sieht die Einbindung aus:
<link rel="stylesheet" href="/assets/global.css?v=1" />
<script src="/assets/global.js?v=1"></script>Wichtige Hinweise
Reihenfolge bei JavaScript
Bei JavaScript kommt es auf die Reihenfolge an. jQuery und andere Bibliotheken müssen vor den Plugins geladen werden, die sie brauchen.
Externe Ressourcen
Der Merger arbeitet nur mit lokalen Dateien. Was von einem CDN kommt, wird nicht zuverlässig mitgenommen.
Nach jedem Frontend-Update
Ändern sich deine CSS- oder JS-Dateien, musst du den Merge noch einmal laufen lassen, sonst liefert deine Seite den alten Stand aus.
Troubleshooting
Layout oder Funktionen nach Merge kaputt
- Zuerst die JS-Reihenfolge prüfen
- Eine verdächtige Datei probeweise vom Merge ausnehmen
- Cache leeren und noch mal testen
Datei nicht gefunden
- Stimmen die Pfade zu
global.jsundglobal.css? - Liegen die Dateien wirklich auf dem Webserver?
Tipp
Miss vorher und nachher mit PageSpeed Insights oder Lighthouse. Dann siehst du, ob sich der Aufwand gelohnt hat.