Website Performance Optimisation

Website Performance Optimisation (WPO).

We willen allemaal onze website-bezoekers de beste gebruikerservaring bieden; laadsnelheid van een pagina speelt daarbij een hele belangrijke rol. Niets is zo frustrerend als te moeten wachten totdat afbeeldingen en teksten geladen zijn. Interessant genoeg dus te onderzoeken hoe het zit met de laadtijd van jouw webpagina’s. Tijd voor een rondje Website Performance Optimisation?

53% of visits are abandoned if a mobile site takes longer than three seconds to load.
Bron: Think with Google

Wat is Website Performance Optimisation?

Website Performance Optimisation (WPO) is het optimaliseren van de laadsnelheid van je website. Dit geldt voor alle pagina’s op je site; homepage, categorie- en productpagina’s, blogartikelen, pagina’s in het conversieproces en vergeet ook niet je aparte landingspagina’s voor SEA of display campagnes. Doel is een compleet geoptimaliseerde website waarbij het hele traject tot en met conversiefunnel soepel verloopt.

A one-second delay in mobile load times can impact conversion rates by up to 20%.
Bron: Think with Google

Waarom is WPO belangrijk?

Zoals al eerder gezegd, je wilt je bezoekers de beste gebruikerservaring bieden met als doel dat hij of zij op de website blijft en uiteindelijk converteert. En dat van die beste gebruikerservaring geldt niet alleen voor jou, ook zoekmachines hebben diezelfde focus. Google gaat zelfs zo ver dat laadtijd een rankingfactor is vanuit SEO-oogpunt. En voor Google Ads heeft snelle laadtijd een positief effect op de Quality Score waardoor de Cost-per-Click (CPC) kan worden gereduceerd.

Wat kun je optimaliseren?

Optimalisaties kunnen plaatsvinden aan de voorkant van de website (front-end), achterkant (back-end) en het netwerk (infrastructuur).

De optimalisaties aan de front-end zijn zijn het meest zichtbaar, waarbij je moet denken aan:

  • Afbeeldingen optimaliseren
  • CSS & JavaScript bestanden minifyen
  • JavaScript minimaliseren en optimaliseren
  • Reduceren aantal HTTP requests
  • Optimaliseren critical rendering path (zie de afbeelding hieronder)

Bij back-end optimalisaties gaat het vooral om de configuratie van de server. Of dit goed gaat is niet altijd duidelijk vanaf de buitenkant te zien. Voorbeelden van server-side optimalisaties zijn:

  • Overgaan naar HTTP/2
  • Instellen browser caching
  • Database query optimalisatie

Het optimaliseren van het netwerk is in theorie het lastigst, in de praktijk komt het er vaak op neer dat er een andere hosting(bedrijf) en/of CDN gekozen moet worden.

Doe de gratis sitespeed healthcheck

We snappen dat bovenstaande wat technisch klinkt. Om een eerste indruk te krijgen hoe jouw website ervoor staat bieden we je een simple gratis sitespeed healthcheck. Met bestaande en beproefde tools kijken we dan naar de prestaties van je site en geven je een eerlijk advies over de zin (of onzin) van mogelijke optimalisaties. En of we nog wat verder zouden moeten graven.

Wat kunnen we nog meer voor je doen?

Als blijkt dat de laadtijd niet zo gezond is als je dacht, kunnen we een verdieping maken in de onderzoeken.

Website performance scan

De Website performance scan bestaat uit elementen die onder te brengen zijn in:

  1. Pagespeed testen
    Verschillende tools voor een objectief beeld (tests op verschillende tijdstippen en locaties )
  2. Webstatistieken data
    Welke pagina’s scoren goed of slecht? Wat is de invloed op de conversies?
  3. Overall optimalisaties
    Een set aan algemene optimalisaties, waaronder:

    • Time to First Byte
      Een belangrijke metric voor de prestatie van de server.
    • Critical rendering path
      Hoe laadt de pagina in en kan dat geoptimaliseerd worden?
    • JavaScript optimalisatie
      Waar, wanneer en hoe wordt JavaScript ingeladen en kan dat efficiënter (spoiler: ja)
    • HTML en CSS optimalisatie
      Welk effect kan het minimaliseren en minifyen van tekstbestanden hebben?
  4. Afbeeldingen
    Worden de juiste afbeeldingen op de juiste manier gebruikt? En hoe kan het gebruik verder geoptimaliseerd worden.
  5. Browser caching
    Hoe worden belangrijke elementen door de browser opgeslagen en gebeurt dat op de juiste (meest efficiënte) manier?

In de scan vertellen we per element wat de optimale situatie is, wat de huidige status is op jouw website en wat ons advies is. We bespreken de scan met jou en de webbouwer, overleggen waar de eerste optimalisatieslagen (impact/effort) liggen en maken een roadmap.

Kosten WPO scan: Euro 2.000,-

Inclusief:

  • Onderzoeken en opleveren documentatie WPO scan
  • Bespreken van de scan met webbouwer
  • Opzetten eerste roadmap van implementaties

Vervolgacties en implementaties van de webbouwer zitten niet in de scope van de scan. Uiteraard zijn post-reviews, overleggen en/of extra maand support in overleg mogelijk.

XXL website performance audit

De XXL audit is de scan ‘on steroids’. We starten over een langere periode op verschillende tijdstippen met (40) tests op verschillende templates in de website. Vervolgens worden alle activiteiten uit de WPO scan meegenomen.
Aan de hand van de uitkomsten zal in samenwerking met de webbouwer en jou een traject uitgestippeld worden. Dit gaat op basis van impact/effort om eerst de grootste pijnpunten op te lossen.

Kosten WPO scan XXL: Euro 3.500,00

Inclusief:

  • 40 pagespeed-tests op verschillende tijdstippen over een langere periode
  • Onderzoeken en opleveren documentatie
  • Bespreken van alle uitkomsten met webbouwer
  • Opzetten roadmap (impact/effort) van implementaties

De consultants van Maxlead kunnen in een eventueel vervolgtraject ingezet worden als projectleider, adviseur of sparringpartner. Dit zit niet in de scope van de XXL audit.

WPO Dashboard

Hoe presteert jouw website op dagelijkse basis? Wat hebben optimalisaties opgeleverd qua snelheid ten opzichte van de resultaten uit het verleden? Met ons dashboard bouwen wij dagelijkse resultaten op die tot een jaar terug zijn te vergelijken.
Een dashboard is te allen tijde een goed meetmoment voor iedereen, het controleert de sitespeed en of er geen vreemde pieken of dalen zijn. Zo kunnen acties benoemd worden waar nodig ter verbetering van de laadsnelheid.

Metrics die we o.a. meetbaar kunnen maken:

  • General performance
    Gemiddelde laadtijd (per pagina), gemiddelde server response tijd, gemiddelde tijd op pagina (bezoekers), gemiddelde time to first byte.
  • New vs. returning visitors
    Geven een beeld van de effecitiviteit van caching technieken
  • Load time popular landing pages
    Gemiddelde laadtijd per pagina voor de 10 belangrijkste landingpagina’s.
  • Server response time by country
    Gemiddelde server response time per land (wanneer relevant)
  • Devices
    Gemiddelde laadtijd per device categorie (mobiel, tablet, desktop)
  • Browsers
    Gemiddelde laadtijd per browser

Eenmalige kosten bouw WPO dashboard: op aanvraag (afhankelijk van de hoeveelheid metrics)

WPO support

In overleg kan gekeken worden of er in een vervolgtraject behoefte is aan ondersteuning en support. Afhankelijk van de uitkomsten van vooronderzoeken en jouw wensen maken we een voorstel op maat.

Laat ons jou helpen

Wil je weten hoe jouw website ervoor staat? Of wil je meer informatie over onze werkwijze? Neem gerust contact met ons op voor een vrijblijvend gesprek.

 
Peter van Marwijk

Meer informatie nodig?
Vraag het Peter van Marwijk.