Wilt u bestanden verkleinen op uw WordPress-site? Door uw WordPress CSS- en Javascript-bestanden te verkleinen, kunnen ze sneller worden geladen en uw WordPress-site sneller worden.
In deze gids laten we u zien hoe u CSS / Javascript-bestanden verkleint in WordPress om de prestaties en snelheid te verbeteren.
Wat is verkleinen en wanneer heb je het nodig?
De term ‘verkleinen’ wordt gebruikt om een methode te beschrijven die de bestandsgrootte van uw website kleiner maakt. Het bereikt dit doel door witte spaties, lijnen en onnodige tekens uit de broncode te verwijderen.
Meestal wordt het aanbevolen om alleen te worden gebruikt voor bestanden die naar de browsers van gebruikers worden verzonden. Dit omvat HTML-, CSS- en JavaScript- bestanden. Je kunt PHP- bestanden ook verkleinen , maar PHP is een programmeertaal aan de serverzijde en het verkleinen ervan zal de laadsnelheid van de pagina voor je gebruikers niet verbeteren.
Het overduidelijke voordeel van het verkleinen van bestanden is een verbeterde WordPress-snelheid en -prestaties . Compacte bestanden worden sneller geladen en verbeteren de snelheid van uw site.
Sommige experts zijn echter van mening dat de prestatieverbetering voor de meeste websites erg klein is en niet de moeite waard. Het minificeren verlaagt slechts enkele kilobytes aan gegevens op de meeste WordPress-sites. U kunt meer pageloadtijd verminderen door eenvoudig afbeeldingen voor internet te optimaliseren .
Hier is een voorbeeld van normale CSS-code:
body {
margin: 20px;
padding: 20px;
color: # 333333;
background: # f7f7f7;
}
h1 {
font-size: 32px;
kleur # 222222;
margin-bottom: 10px;
}
Na het verkleinen van de code ziet het er als volgt uit:
body {margin: 20px; padding: 20px; color: # 333; background: # f7f7f7} h1 {font-size: 32px; margin-bottom: 10px}
Als je 100/100 punten probeert te behalen met de Google Pagespeed- of GTMetrix-tool , dan zal het verkleinen van CSS en JavaScript je score aanzienlijk verbeteren.
Dat gezegd hebbende, laten we eens kijken hoe u CSS / JavaScript gemakkelijk kunt verkleinen op uw WordPress-site.
Verklein CSS / Javascript in WordPress
Het eerste wat u hoeft te doen is de Better WordPress Minify- plugin installeren en activeren .
Na activering zal de plug-in een nieuw menu-item met de naam ‘BWP Minify’ toevoegen aan uw WordPress-beheerbalk. Als u hierop klikt, gaat u naar de instellingenpagina van de plug-in.
Op de instellingenpagina moet u de eerste twee opties aanvinken om JavaScript- en CSS-bestanden op uw WordPress-site automatisch te verkleinen.
U kunt nu op de knop Wijzigingen opslaan klikken om uw instellingen op te slaan.
Er zijn veel andere geavanceerde opties op deze pagina. De standaardinstellingen werken voor de meeste websites, maar u kunt deze opties van geval tot geval bekijken en wijzigen.
Vervolgens moet je naar je website gaan. Klik met de rechtermuisknop ergens en selecteer vervolgens ‘View Page Source’ in browser-menu.
U ziet nu de HTML-broncode gegenereerd door uw WordPress-site. Als je goed kijkt, zul je merken dat deze plug-in CSS / JavaScript-bestanden laadt uit de eigen map van de plug-in in plaats van je WordPress-thema’s en -plug-ins.
Dit zijn de verkleinde versies van uw originele CSS- en JavaScript-bestanden. Beter WordPress Minify-plugin zorgt ervoor dat ze in de cache worden opgeslagen en dat de verkleinde versies worden weergegeven in browsers.
0 Comments