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.

Introduction

Mobile internet is huge and it brings back old “friends” like flaky latency and slow downloads. A faster site is a greater joy, so time for us to improve and add both Brotli and WebP support to our hosting platform..

codar is web performance, always looking for ways to improve your website speedindex. In this blog I’ll describe our experience with Webp and Brotli, both web techniques that create smaller files for a faster website. (and a better SEO score!)


What is WebP?

WebP is a modern image format that provides superior lossless and lossy compression for images on the web. Using WebP, webmasters and web developers can create smaller, richer images that make the web faster.

WebP lossless images are 26% smaller in size compared to PNGs. WebP lossy images are 25-34% smaller than comparable JPEG images at equivalent SSIM quality index.

Lossless WebP supports transparency (also known as alpha channel) at a cost of just 22% additional bytes. For cases when lossy RGB compression is acceptable, lossy WebP also supports transparency, typically providing 3× smaller file sizes compared to PNG.

source: https://developers.google.com/speed/webp

What is Brotli?

Brotli is a modern open-source compression algorithm developed by Google to help further reduce the size of files. It is used as a server technique to transparently compress files for the visitor to allow smaller, and thus quicker, transfers.

Here are a few of the highlights that make Brotli a leader in compression:

  • Brotli is independent of CPU type, operating system, file system, and character set.
  • It can produce a compression ratio that is comparable to the best compression methods currently available and most importantly is considerably better than Gzip.
  • It decompresses much faster than current LZMA implementation.

source: https://github.com/google/brotli/

Supported by all modern browsers enabled by default

Brotli and WebP will make your website faster and increase your Google speedindex score!

Recently we transparently enabled both WebP and Brotli support on our hosting platform. The results have been great, at least 20% smaller files on average and a big improvement on our Google Insight score!

Speed-as-a-Service

But the best thing is that you don’t need to do anything when hosting on our platform! We updated our systems to transparently encode all applicable images to the smaller and more efficient WebP format while retaining your original images. Our webservers will serve WebP to modern browsers while preserving original images for incompatible browsers. This works for all websites and webshops, no plugins needed! (note: you can always enable and disable this feature.)

So sit back, relax and enjoy technology!

Test you website performance

Test the performance of your website with https://web.dev

WebP and Brotli are great for smaller and faster websites, curious if your website will benefit from this? Let us help you in getting the best website performance.

Stay tuned..