WordPress website sneller maken

Inleiding WordPress website sneller maken met WP-Optimize plug-in

De WP-Optimize plug-in is een plug-in waarmee je, je website kunt versnellen en optimaliseren. Om dit mogelijk te maken, heeft de plug-in meerdere ingebouwde functies:

• Het opschonen en optimaliseren van de WordPress database van je website.
• Het verkleinen of te wel comprimeren van afbeeldingen.
• Het cachen van pagina’s, of te wel het opslaan van pagina’s in het geheugen,
  om de laadsnelheid van pagina’s te vergroten.
• Het verkleinen van de diverse (coderings-)bestanden, waarmee je website is opgebouwd:
  zoals CSS, Javascript en HTML. Bovendien worden bepaalde bestanden pas geladen, wanneer de rest van de pagina volledig is geladen.

Door je website te versnellen, verbeter je de gebruikerservaring van de website. Daarbij is de laadtijd van een website is ook een SEO factor. Door de laadtijd te verkorten, vergroot je de kans op een betere vindbaarheid door zoekmachines.

WordPress website sneller maken door het opschonen van de WordPress database

In de WordPress database wordt alles wat voor je website nodig is opgeslagen: je berichten en pagina’s, de koppeling tussen afbeeldingen en berichten en pagina’s enz.

Tijdens het beheren en aanpassen van je website, is je website op een gegeven moment echter ook gevuld met gegevens die niet meer nodig zijn: revisies bijvoorbeeld. Met de WP-Optimize plug-in kun je, je database daarom “opruimen”. Hierdoor blijft de database zo efficiënt mogelijk ingericht en kan je website zo snel mogelijk blijven werken.

Om je database op te schonen, voer je de volgende handelingen uit: Klik in de linker kolom van het WordPress dashboard op WP-Optimize en klik vervolgens in het submenu op Database: WP-Optimize » Database.

WordPress website sneller maken door het verkleinen/comprimeren van afbeeldingen

Wanneer de afbeeldingen van je website veel geheugen innemen, vertraagt dat de laadtijd van je website. Met de WP_Optimize plug-in kun je de afbeeldingen in je WordPress bibliotheek verkleinen, terwijl de beeldkwaliteit behouden blijft.

Je hebt 2 methoden om je afbeeldingen te optimaliseren:

• Automatische beeldcompressie inschakelen voor nieuwe afbeeldingen die je in de WordPress bibliotheek plaatst.
• Afbeeldingen handmatig optimaliseren.

Om automatische beeldcompressie in te schakelen, ga je als volgt te werk:

• Klik in de linker kolom van het WordPress dashboard op WP-Optimize en klik vervolgens in het submenu op Afbeeldingen: WP-Optimize » Afbeeldingen.
• Schakel op het tabblad Afbeeldingen comprimeren van het geopende dialoogvenster Automatisch nieuw toegevoegde afbeeldingen comprimeren in.

Handmatig optimaliseren van meerdere bestaande afbeeldingen (bulk):

• Klik in de linker kolom van het WordPress dashboard op WP-Optimize en klik vervolgens in het submenu op Afbeeldingen: WP-Optimize » Afbeeldingen.
• Selecteer in het verschenen dialoogvenster de afbeeldingen die je wilt verkleinen. Vervolgens kun je ook eventueel alle afbeeldingen selecteren door op de knop Alles selecteren, bovenaan de verzameling afbeeldingen te klikken.

• Klik onderaan het venster (onder de foto’s) op de knop Geselecteerde afbeeldingen comprimeren.

Handmatig optimaliseren van een bestaande afbeelding via de mediabibliotheek:

• Ga via het WordPress dashboard naar de Mediabibliotheek.
• Op het scherm verschijnt het overzicht van afbeeldingen in de Mediabibliotheek. Bij de afbeelding die je wilt verkleinen klik je op de link bewerken.

• In de rechter kolom van het bewerkingsvenster vind je de sectie Afbeelding comprimeren. Klik binnen deze sectie op de blauwe knop Comprimeren om de afbeelding te verkleinen.

Compromis tussen kwaliteit afbeelding en mate van verkleining

Helaas moet je een compromis sluiten tussen het verkleinen van een afbeelding en het behouden van beeldkwaliteit. In de WP-Optimize plug-in kun je aangeven waar je de meeste nadruk op wilt leggen: op het verkleinen of op het behoud van beeldkwaliteit. Bij mijn werkwijze leg ik er net iets meer nadruk op de beeldkwaliteit. De aanbevolen instellingen (schuifregelaar) zie je in onderstaande afbeeldingen: in het dialoogvenster van de plug-in en in het bewerkingsvenster van de mediabibliotheek.

WordPress website sneller maken door het inzetten van pagina Caching

Inleiding Caching

Wat betreft de snelheid en prestaties van je website, levert het inzetten van zg. Caching het meeste op.

Met Caching worden de dynamische gegevens tijdelijk opgeslagen. Hierdoor gaat het ophalen van deze gegevens sneller, aangezien het niet nodig is om de gegevens telkens opnieuw om te zetten van WordPress-data naar een feitelijke websitepagina of bericht.

De WP-Optimize plug-in slaat een bericht of pagina in het geheugen op, bij de eerste keer van het bezoek van een pagina of bericht. Dynamische bestanden worden daarbij in een statisch bestand opgeslagen. Wanneer nu een volgende bezoeker dezelfde pagina of bericht bekijkt, dan wordt het statische bestand getoond, welke niet meer hoeft te worden verwerkt en omgezet in een zichtbare pagina of bericht.

(Voor de techneuten onder ons: WordPress verwerkt dynamische PHP-bestanden om een pagina/bericht te genereren en haalt daarbij gegevens uit een database op. De plug-in slaat dit op in een statisch html-bestand in de cachemap. Bezoekt een eerste gebruiker deze pagina/bericht, dan wordt deze pagina/bericht in de cache opgeslagen. Bij een volgend bezoek of een volgende bezoeker haalt de pagina zichzelf uit de Cache en kunnen de verwerkingsstappen worden overgeslagen.

Om ervoor te zorgen dat zelfs de eerste bezoeker van een pagina of bericht kan profiteren van de Caching, bootst de plug-in de eerste bezoeker na. Hierdoor is de Cache altijd gereed voor gebruik.

Bestanden website opslaan

Naast het opslaan van berichten en pagina’s, biedt de plug-in ook de mogelijkheid om de bestanden waaruit een website is opgebouwd en welke je voor langere tijd niet wijzigt, in je browser op te slaan.
(Wederom voor de techneuten onder ons: het betreft de volgende statische bestanden: HTML, CSS, Javascript, afbeeldingen.)

Statische bestanden website verkleinen

Ook het verkleinen van statische bestanden (HTML, Javascript en CSS) is mogelijk: voordat de server ze naar de browser van een bezoeker verstuurt: zg. Gzip-compressie.

In de volgende paragraaf vind je uitleg over de benodigde plug-in instellingen.

Aan de slag met pagina Caching

Om optimaal gebruik te maken van pagina Caching, volg je de volgende stappen:

• Klik in de linker kolom van het WordPress dashboard op WP-Optimize en klik vervolgens in het submenu op Cache: WP-Optimize » Cache.
• Schakel op het tabblad PaginaCache van het geopende dialoogvenster Cachen pagina’s inschakelen in.
• De overige instellingen van het tabblad PaginaCache kun je zo laten. Ook de levensduur van de cache kun je op 24uur laten staan. Dit betekent dat na 24 uur een pagina of bericht zichzelf vernieuwt. En opnieuw wordt opgeslagen in het geheugen (van de server).

• Open in het dialoogvenster het tabblad Vooraf laden. Vink Activeer geplande cache-preloading aan. Op deze manier bootst het,het eerder genoemde eerste bezoek van een pagina of bericht na. Het veld type schema kun je op de standaard instelling laten staan. Het opnieuw vooraf laden vindt dan op dezelfde tijdstippen plaats als de pagina Caching.

• Open het tabblad Gzip compressie. Klik daarna op de knop Inschakelen, om Gzip compressie in te schakelen. Hiermee verklein je dus vaste statische bestanden (HTML, Javascript en CSS) verkleind.

• Open het tabblad Statische bestandsheaders. Via dit tabblad zorg je ervoor, dat de bestanden die je langere tijd niet wijzigt, worden opgeslagen in het geheugen van de browser van een website bezoeker: klik op de knop Bijwerken om deze optie in te schakelen. De vervaltijd van 28 dagen staat al goed ingesteld: na 28 dagen verversen de bestanden zichzelf en slaan zichzelf opnieuw op in het geheugen van de browser.

Websitebestanden verkleinen

Om de bestanden waaruit de uiteindelijke website is opgebouwd te verkleinen, volg je de volgende stappen:

• Klik in de linker kolom van het WordPress dashboard op WP-Optimize en klik vervolgens in het submenu op Minify: WP-Optimize » Minify.
• Schakel op het tabblad Minify status van het dialoogvenster Verkleinen inschakelen in.

• Schakel daarbij ook alle mogelijke opties in:
  • HTML verwerken.
  • Verwerk Javascript bestanden.
  • Verwerk CSS-bestanden.
• Controleer of alles op je website nog functioneert: werken alle functies nog, is de opmaak nog correct? Mochten er fouten optreden dan is het, het eenvoudigst om eerst alle 3 de verklein opties uit te schakelen. Vervolgens schakel je ze één voor één weer 1, waarbij je steeds tussendoor de website weer test. Dit herhaal je net zo lang totdat het bij het inschakelen van een optie fout gaat. Deze optie laat je nu uitgeschakeld. Dit is immers de optie die de fout veroorzaakt.
  In het algemeen kun je van het volgende uitgaan:
  • HTLM verwerken: HTML bepaalt de inhoud van de website. Wanneer er dus iets fout gaat met de inhoud van je website, kun je het beste deze optie uit schakelen. Wanneer er inhoud verdwijnt, kan ook de Verwerk CSS bestanden optie de oorzaak zijn. In uitzonderlijke gevallen maakt deze optie onderdelen onzichtbaar.
  • Verwerk Javascript bestanden: mochten bepaalde functies op je website niet meer werken, dan laat je deze optie uitgeschakeld. Een voorbeeld van functie is het uitklappen van een hamburger menu.
  • Verwerk CSS-bestanden: CSS bepaalt de opmaak van je website. Wanneer er een fout optreedt in de lay-out of opmaak van je website, schakel je deze optie dus uit.

Tot slot

Ten slotte lees je in Aanbevolen WordPress plugins meer over aanbevolen plug-ins.