Hoe kan ik de bestanden op mijn WordPress site combineren met LWS Optimize?

Procédure

Wat is combineren?

Combineren is het samenvoegen van alle CSS- of JS-bestanden op een site in één bestand. Dit heeft als effect dat het aantal HTTP-verzoeken aan uw site wordt verminderd, waardoor de site sneller laadt. In tegenstelling tot minificatie is het combineren van bestanden moeilijker te implementeren omdat het de volgorde verandert waarin de bestanden worden geladen, wat fouten op uw site kan veroorzaken en deze onbruikbaar kan maken, maar aan de andere kant is de prestatiewinst over het algemeen groter. Om dit probleem op te lossen, worden bestanden over het algemeen gegroepeerd in meerdere bestanden in plaats van slechts één; de efficiëntie van de combinatie is iets minder, maar dit vermindert de problemen die het kan veroorzaken.

Verminder het aantal HTTP-verzoeken aanzienlijk en verbeter de laadsnelheid van je site door je CSS- en JS-bestanden te combineren met LWS Optimize. In slechts een paar klikken. Schakel over naar de geavanceerde modus, activeer de opties "Combineer uw CSS-bestanden" en "Combineer uw JS-bestanden" en verwijder vervolgens de cache. Je zult je bezoekers een soepelere ervaring bieden. Deze beste WordPress caching plugin biedt je een complete oplossing voor het optimaliseren van prestaties en vloeiendheid, gratis beschikbaar in de officiële directory als de beste gratis WordPress caching plugin.

Om het duidelijker te maken, nemen we een pagina van een site zonder combinatie en kijken we naar het aantal CSS-bestanden dat wordt geladen:

24 van de 73 verzonden verzoeken zijn afkomstig van CSS-bestanden, dat is bijna een derde van de verzoeken. Nadat de bestanden zijn gecombineerd, laadt dezelfde pagina nog maar 12 bestanden, wat neerkomt op een vermindering van 50% van het aantal verzonden verzoeken voor CSS-bestanden.

Hoe combineer je de bestanden op je site?

Om de bestanden op een WordPress site te combineren, moet je een extensie gebruiken die dit voor je doet, omdat het niet mogelijk is om handmatig de CSS/JS bestanden op een WordPress site te combineren zonder het risico te lopen dat de goede werking van de site in gevaar komt. Bovendien worden de bestanden elke keer dat je je extensies, thema of zelfs WordPress bijwerkt, teruggezet naar hun oorspronkelijke staat en gaan alle wijzigingen verloren.

Er zijn verschillende WordPress extensies waarmee je je bestanden kunt combineren, waaronder LWS Optimize, een siteoptimalisatie-extensie van LWS die je CSS- en JS-bestanden kan combineren.

Je bestanden combineren met LWS Optimize

Om het combineren van de bestanden van uw site te activeren, gaat u naar de instellingen van de extensie en klikt u op de knop "Ga naar geavanceerde modus" en vervolgens op het tabblad "Front-End":

Activeer vervolgens de opties "Combineer uw CSS-bestanden" en "Combineer uw JS-bestanden" door de vakjes aan te vinken en te bevestigen door rechtsonder op de knop "Nieuwe configuratie opslaan" te klikken:

De combinatie van bestanden is nu geactiveerd op uw site, maar omdat deze is gekoppeld aan het cache-systeem voor bestanden, moet u deze cache mogelijk leegmaken zodat deze van kracht wordt op de pagina's van uw site. Ga hiervoor naar het tabblad "Caching" en klik op de knop "Cache legen" naast de actie "Handmatig legen":

Het is mogelijk dat sommige van je CSS/JS-bestanden niet werken wanneer ze worden gecombineerd of dat je gewoon niet wilt dat ze worden gecombineerd; in dat geval kun je teruggaan naar het tabblad "Front-End" en klikken op de knop "Bestanden uitsluiten" van de actie van je keuze om het uitsluitingsmodaal te openen:

In bovenstaand voorbeeld zijn het bestand "woocommerce.css", alle bestanden met de elementor extensie en alle style.css bestanden uitgesloten van de combinatie. Je moet de bestandscache van je site leegmaken om de uitsluitingen effectief te maken.

Hoe LWS Optimize je bestanden combineert

Bij het maken van de cache voor een pagina op je site, zoekt LWS Optimize naar alle en

Conclusie

Je weet nu hoe je :

• WordPress extensies kunt gebruiken om het combineren van bestanden te automatiseren zonder de werking van de site in gevaar te brengen,
• De LWS Optimize extensie kunt configureren om je CSS en JS bestanden efficiënt te combineren en uitzonderingen te beheren,
• De positieve impact van het combineren op het aantal HTTP-verzoeken herkennen en daarmee op de laadsnelheid van uw site.

🚀 Door uw site met deze methoden te optimaliseren, biedt u uw bezoekers een snellere en aangenamere gebruikerservaring en verbetert u mogelijk uw positie in zoekmachines. 🌐

We hopen dat dit artikel je de kennis heeft gegeven die je nodig hebt om de prestaties van je WordPress site te verbeteren. Bedankt voor het lezen en voel je vrij om je ervaringen te delen of vragen te stellen door hieronder een reactie achter te laten! 😊👇