facebook chatbots tourisme

Hoe CSS / JavaScript-bestanden te verkleinen in WordPress

2 min


114

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.

Hoe CSS / JavaScript-bestanden te verkleinen in WordPress

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.

BWP verkleinde instellingen

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.

Bekijk de paginabron van een WordPress-site

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.


Erwin@delaatbusiness.com
Dag, Hulp nodig met internet marketing of websites maken? neem dan contact op

0 Comments

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *

Choose A Format
Personality quiz
Series of questions that intends to reveal something about the personality
Trivia quiz
Series of questions with right and wrong answers that intends to check knowledge
Poll
Voting to make decisions or determine opinions
Story
Formatted Text with Embeds and Visuals
List
The Classic Internet Listicles
Countdown
The Classic Internet Countdowns
Open List
Submit your own item and vote up for the best submission
Ranked List
Upvote or downvote to decide the best list item
Meme
Upload your own images to make custom memes
Video
Youtube, Vimeo or Vine Embeds
Audio
Soundcloud or Mixcloud Embeds
Image
Photo or GIF
Gif
GIF format