De SEOFuxx File Merger doorzoekt een website en voegt de lokale CSS- en JavaScript-bestanden samen die je kiest.
Wat de Merger momenteel doet
Hij scant de URL die je opgeeft op lokale .css- en .js-bestanden en toont alles wat hij vindt als lijst om aan te klikken. Van je selectie wordt één CSS- en één JS-bestand, desgewenst meteen verkleind (schakelaar Bestanden minimaliseren).
Stap voor stap
- Open File Merger in de navigatie
- Voer je domein in (bijv.
https://jouw-website.nl) - Klik op Website analyseren
- Selecteer de bestanden die moeten worden samengevoegd
- Laat Bestanden minimaliseren aan staan als je de bestanden klein wilt hebben
- Klik op Bestanden samenvoegen
Resultaatbestanden
Na het samenvoegen staan er twee bestanden klaar:
global.jsglobal.css
De downloadlinks staan er meteen onder in de tool.
Integratie op je website
- Upload
global.jsenglobal.cssnaar je server - Vervang de eerdere afzonderlijke verwijzingen door de nieuwe bestanden
- Leeg daarna de browser-/servercache
Zo ziet de verwijzing eruit:
<link rel="stylesheet" href="/assets/global.css?v=1" />
<script src="/assets/global.js?v=1"></script>Belangrijke opmerkingen
Volgorde bij JavaScript
Bij JavaScript gaat het om de volgorde. jQuery en andere bibliotheken moeten eerder laden dan de plug-ins die ze nodig hebben.
Externe bronnen
De Merger werkt alleen met lokale bestanden. Wat van een CDN komt, wordt niet betrouwbaar meegenomen.
Na elke frontend-update
Veranderen je CSS- of JS-bestanden, voer de samenvoeging dan opnieuw uit. Anders blijft je site de oude versie leveren.
Probleemoplossing
Lay-out of functies kapot na het samenvoegen
- Controleer eerst de JS-volgorde
- Laat een verdacht bestand proefsgewijs buiten de samenvoeging
- Leeg de cache en test nog eens
Bestand niet gevonden
- Kloppen de paden naar
global.jsenglobal.css? - Staan de bestanden echt op de webserver?
Tip
Meet vooraf en achteraf met PageSpeed Insights of Lighthouse. Dan zie je of de moeite zich heeft uitbetaald.