• No results found

WordPress Optimalisatie

N/A
N/A
Protected

Academic year: 2022

Share "WordPress Optimalisatie"

Copied!
12
0
0

Bezig met laden.... (Bekijk nu de volledige tekst)

Hele tekst

(1)

WordPress

Optimalisatie

Hou je WordPress site turbosnel

Manuela van Prooijen

@manuelaweblish

(2)

Opbouw

1. Wat is optimalisatie?

2. Snelheid meten met de nulmeting via:

tools.pingdom.com of GTMetrix.com (maak account aan en test vanuit Londen)

3. Goede WordPress hosting 4. Eerst een back-up maken 5. Duplicator backup maken

6. WordPress, thema’s en plugins updaten 7. Afbeeldingen optimaliseren

8. Imagify activeren

9. WordPress browser cache 10.WP Rocket gebruiken

11.Snelheid meten met de 1-meting (tools, zie boven)

(3)

1. Wat is optimalisatie?

Snelheid is key in de online wereld.

Een website trager dan 2-3 seconden: TRAAG ! Waardoor te traag?

• te grote afbeeldingen,

• teveel plugins,

• te zware plugins

• slechte hosting.

• Scripts niet goed inladen (javascripts/CSS)

Er zijn gelukkig veel verschillende tools beschikbaar om je WordPress website sneller te maken.

(4)

2. Voorwerk

We deïnstalleren de volgende plugins:

• WP Rocket

• Hide my site

• Eventueel Duplicator installeren

(5)

3. De NUL METING

Hoe snel is een website? Oefening:

Neem een website van iemand die je kent en meet de snelheid met deze tool:

• Gtmetrix.com (maak account aan en test vanuit Londen)

Maak ook voor je eigen website een nulmeting (vergeet niet hide my site even uit te zetten) en test deze volledig door.

Gebruik Greenshot (windows) om schermafdrukken van de diverse scores vast te leggen in je NULmeting document

(6)

4. Goede WordPress hosting

De snelheid en stabiliteit van je WordPress website wordt mede bepaald door de kwaliteit van het hosting pakket.

De servers van de hosting provider bepalen onder andere:

De reactietijd

van de website – hoe lang het duurt voordat de eerste gegevens worden doorgestuurd

De snelheid van het doorsturen van gegevens

– hoe beter de server, hoe sneller de gegevens worden

doorgestuurd

(7)

5. Eerst backup maken

Voordat we de WordPress website gaan optimaliseren is het

verstandig en aan te raden om eerst een back-up van de website te maken

Log in op je beheeromgeving Eindigt op /wp-admin

• Draai een backup (Complete Backup)

• Download deze naar je harde schijf

(8)

6. WordPress, thema’s en plugins updaten

Een gezonde, stabiele WordPress omgeving is een WordPress website die

up-to-date

is. Zorg er

daarom voor dat het WordPress systeem, het thema en alle plugins regelmatig geupdate worden indien nodig.

Wij komen veel klanten tegen die bang zijn om hun

websitegegevens kwijt te raken en om die reden de website niet updaten.

OEFENING: UPDATE JE WEBSITE

(9)

7. Afbeeldingen optimaliseren

De meeste websites bestaan voor het overgrote deel uit tekst in combinatie met afbeeldingen.

Afbeeldingen nemen ruimte in op de server en kosten tijd om te laden. Hierdoor is het van groot belang dat alle

afbeeldingen worden geoptimaliseerd. Gelukkig is ook hiervoor een zeer goede plugin ontwikkeld die automatisch alle afbeeldingen voor je

optimaliseert.

Deze plugin heet

Imagify

OEFENING: Activeer Imagify

Plugins > Nieuwe Plugin > Zoek Imagify en installeer

(10)

8. WordPress Browser cache

Caching is het tijdelijk bewaren van data op een plek waar deze sneller op te halen is. Met caching slaat de computer van je websitebezoeker tijdelijk een kopie van je website op, zodat de computer deze data niet telkens opnieuw hoeft te genereren.

Standaard is dit

niet ingesteld

voor WordPress en ook hiervoor dienen we een nieuwe plugin te installeren. Een van de meest krachtige plugins hiervoor is WP Rocket.

En het mooiste is, je hoeft zelf bijna niets in te stellen.

(11)

9. WP Rocket gebruiken

Activeer WP Rocket

Plugins > WP Rocket > Activeer

Test je website nu nog eens een keer via de volgende tools:

• Gtmetrix.com

• Google PageSpeed Insight

Merk je al iets van een verbetering?

(12)

10. WP Rocket 2

Zet nu via WP Rocket > Instellingen vinkjes aan bij de volgende zaken:

En meet weer eens met:

• Gtmetrix.com

Referenties

GERELATEERDE DOCUMENTEN

1) Werkwijze praktijk: We willen met een aantal partijen samen een werkwijze ontwikkelen waarbij burgers die zich met een hulp- of ondersteuningsvraag melden bij de gemeente

Omdat we door de samenwerking met CoderDojo Maaspoort een 3D printer hebben kunnen we jouw ontwerp ook nog eens echt maken.. Hoe tof

In deze #Trendingles ga je met de klas criteria bedenken waaraan een krachtig protestbord voldoet en laat je je studenten hun creativiteit gebruiken om zelf een protestbord te

Klaar, dit was al stap 2 Nu weet je wat je vaste lasten zijn, en kun je al zien in het onderste vakje “Eind- stand” wat jij nog over hebt per maand om “vrij” te besteden.. Op

Met de bijlage knutselt u voor elk kind een eigen woordenboek dat ze een jaar lang kunnen gebruiken om in te vullen?. Hoe maakt u een boekje voor

Vul je hotel met holle plantenstengels of stengels met zachte merg, die bijen zelf kunnen uitknagen.. • Denk hierbij aan: bamboe, brandnetel, riet, vlier of

11 Lijm 1 uiteinde van elk elastiekje vast aan achterkant van de vingertoppen.. Je kunt de elastiekjes

Zijn ze overwegend heel saai (ik heb weleens met een groep een taal voor saaie aliens gemaakt en dat werkte heel goed), dan lijken de woorden bijna allemaal op elkaar!. Er zijn dan