Wij houden van web performance. Het is 2019, er is geen excuus voor een slecht presterende website.
Maar wat is performance en waarom heeft het impact op jouw Google resultaten? En wat kan je doen om de performance van jouw website te verbeteren?

WordPress en Woocommerce maximaal laten presteren

De performance van een WordPress website of een Woocommerce webshop hangt af van de volgende punten.

  1. De kwaliteit van webhosting.
    Voldoet deze aan de moderne eisen? Is er ondersteuning voor de snelste protocollen en techniek? etc.
  2. De inhoud van de website.
    Het aantal plaatjes, het aantal externe links, maakt de website gebruik van lazy loading? etc.
  3. Het optimalisatie proces.
    Hoe worden plaatjes opgeslagen, staan de cache instellingen juist? etc.

Wat kan je doen om deze performance te verbeteren en waar moet je op letten? Het begint bij de motor.


De kwaliteit van webhosting

motor
Performance begint bij de motor

Laten we beginnen met de webhosting, dit is namelijk de motor van jouw website. Als deze niet krachtig genoeg is of niet goed wordt onderhouden, dan heeft dat direct impact.

Shared hosting is over het algemeen niet geoptimaliseerde hosting; de insteek is anders omdat shared hosting gemaakt is om kosten te beperken en winst te maximaliseren.

Veel websites draaien op shared hosting, hosting waarbij meerdere websites draaien op hetzelfde systeem. Het is populair en dat is begrijpelijk want de prijs/performance verhouding is doorgaans goed. Wil je echter een groter publiek aanspreken dan adviseren we je om over te stappen naar een eigen server.

Waar moet je op letten bij webhosting?

  • Ondersteuning voor het HTTP2 protocol.
    Dit protocol is momenteel het snelste protocol om websites beschikbaar mee te maken.
  • Veilige en moderne SSL verbinding.
    SSL zorgt ervoor dat gegevens tussen bezoeker en jouw website niet kunnen worden gelezen door anderen.
  • Ondersteuning voor gzip en Brotli compressie.
    Door gebruikt te maken van compressie kan je de bestanden op jouw website tot wel 80% kleiner maken.
  • Zorg voor de juiste cache headers.
    Cache headers geven de browser instructies om delen van de website tijdelijk op te mogen slaan, de bezoeker krijgt hierdoor een snellere website.
  • Maak gebruik van server-side caching.
    Systemen zoals WordPress en Woocommerce worden vaak bij ieder bezoek dynamisch opgebouwd. Met server-side caching sla je dit proces over waardoor de server sneller kan leveren.
  • Maak gebruik van goed presterende DNS.
    DNS is het telefoonboek van internet. Iedere bezoeker gebruikt het om het adres van jouw website te kunnen vertalen naar een internet adres (IP). Een trage DNS zorgt ervoor dat bezoekers extra moeten wachten.
  • Ondersteuning voor Redis/Memcached.
    Redis en memcached zorgen ervoor dat WordPress en Woocommerce resultaten uit de database tijdelijk kunnen opslaan, dit versnelt aanzienlijk.

De inhoud van de website

even lastig als leuk
Deze welpjes zijn opgeslagen in het moderne .webp formaat, het maakt ze daardoor liever voor de performance

De content van jouw website heeft een grote invloed op de performance. Je moet hierin op zoek gaan naar balans, het is duidelijk dat een plaatje zwaarder weegt dan tekst.

Een supersnelle website is een lege website, belangrijk is om de balans te vinden tussen content en snelheid. Een gouden regel hierbij is dat een website onder de 2 seconde ingeladen moet zijn. (ook op mobiel!)

Hoe versnel ik de performance van mijn website?

  • Minimaliseer css, html en js assets.
    Door deze bestanden te minimaliseren bespaar je veel op dataverkeer, minder dataverkeer zorgt voor een snellere website.
  • Beperk het aantal requests.
    Door bestanden slim te combineren kan je het aantal requests beperken en dat heeft invloed op de snelheid.
  • Maak gebruik van lazy loading.
    Lazy loading zorgt ervoor dat de website de plaatjes pas laat zien als dat echt nodig is, hiermee bespaar je onnodige requests.
  • Maak gebruik van een CDN.
    Een Content Delivery Network kan ervoor zorgen dat jouw website sneller word. CDN’s zijn geoptimaliseerd voor performance en besparen requests naar de webserver.
  • Hanteer de 2 seconde regel.
    Een website moet binnen 2 seconde ingeladen zijn, langer wordt door de bezoeker gezien als hinderlijk. Optimaliseer je content hiernaar, zeker op de index pagina!
  • Vervang jpg png en gif afbeeldingen door WebP variant.
    WebP is een modern compressie formaat waarmee afbeeldingen aanzienlijk kleiner kunnen worden gemaakt.
  • Responsive design.
    Let erop dat mobile first belangrijk is, optimaliseer je content voor slechte verbindingen en oude telefoons, test dit ook regelmatig.

Het optimalisatie process

koffie?
We vinden het leuk om de performance van websites te verbeteren, we zijn hierin ervaren experts.

Google kijkt kritisch naar de performance van jouw website en bepaalt daarbij de relevantie voor de bezoeker. Is de website beschikbaar via https? Werkt deze goed op mobiel? En is de snelheid in orde?

Logisch eigenlijk want deze factoren bepalen voor een groot deel of jij als bezoeker wel krijgt wat je verwacht.

Controleer de performance van jouw website.

  • securityheaders.com controleert of jouw website wel voldoet aan moderne veiligheidsnormen.
  • ssllabs.com voert https controles uit, let op dat de score minimaal een A moet zijn.
  • web.dev van Google voert performance checks uit en laat verbeter punten zien.

De performance van de meeste websites valt flink te verbeteren, we adviseren je om hier kritisch naar te kijken en dat te blijven doen. Het web verandert snel.

Tot slot, er zijn diverse WordPress plugins die de de performance van jouw WordPress website of Woocommerce webshop flink kunnen verbeteren. Een van onze favorieten is autoptimize, deze plugin verbetert de prestaties zoals genoemd in de eerste drie punten zoals beschreven bij punt 2. Een andere tip is gebruik te maken van ReSmushIT waarmee je afbeeldingen verder kunt verkleinen.

codar levert geoptimaliseerde webhosting op basis van de modernste techniek, we helpen je graag met het verbeteren van de performance van jouw website. We lopen voorop in het toepassen van de nieuwste techniek!

Neem contact met ons op.