www.mijnwebsitesnellermaken.nl


Hoe kan ik mijn website sneller maken ?
Wat is een snelle website ?
Een website die in 1 , maximaal 2 seconden laad (eerste bezoek).

Veel website beheerders denken dat hun gebouwde of eigen website snel laad.
Vaak hebben ze gelijk, omdat ze de website niet voor de eerste keer oproepen.
Bij zo'n eerst bezoek (First Time Visit) moet alles opnieuw vanaf de webserver geladen worden.
Er is dus voor nieuwe bezoekers geen caching voordeel (van alles wat al eens is geladen en lokaal op je PC, laptop, smartphone in de cache staat).
Daarom is meten op een andere PC of smartphone zonder het caching voordeel (of met geschoonde / geleegde cache) de enige en betrouwbaarste meting.
Probeer je website eens op te roepen op een langzamere 3G of 4G verbinding of op een oude iPhone 8 of X en Samsung Galaxy S8, S9 of S10 !
En oordeel dan of je jouw website of app nog wel snel vind.
Meestal valt het dan erg tegen.
En echt meten met een stopwatch en dit meerdere keren herhalen op verschillende momenten op een dag;
Liefst meten van je snelheid van jouw website rond 10.00 uur, 12.00 uur, 14.00 uur, 20.00 uur.

Ben je dan tot de conclusie gekomen dat jouw wordpress site ook langzamer is dan 3 seconden,
Lees dan verder om jouw website te versnellen met enkele eenvoudige tips.
Deze performance versnel tips kun je 1 voor 1 uitvoeren en dan weer opnieuw meten.

Er zijn diverse performance controle tools zoals webpagetest, Google Pagespeed Insights of Firefox, Edge of Google Chrome developer tools in je browser (F12).

Hoe maak in mijn website sneller ?
Lijst met verbeter tips voor een snellere site:

  • Minder plaatjes of fotos in jpg, logos in png en gif tonen.
    Maximaal 5 of minder dan 10 per pagina. Verkleinen in Photoshop of met imagecompressor.com of irfanview.com
  • Controleer of je totale webpagina maximaal 1 MB (1024 KB) in grootte is, hoe kleiner = hoe sneller.
  • Geen video op je homepage of landingspagina en zeker niet zelf startend !
  • Zo min mogelijk Cascading Style Sheets (CSS) of javascript (JS) gebruiken.
  • Minder externe content (CDN) gebruiken.
  • Externe javascript, fonts en externe bestanden en content op de eigen website hosting plaatsen.
  • Snellere servers gebruiken.

Kom je hier niet uit, neem dan contact op met Arie van der Giesen van Profias.


| maak je website sneller door video te verwijderen |

| mijn website 1 seconde sneller maken |



Doe eerst een snelheids test met een snelheids of performance test.

je kunt een website snelheidstest doen met de volgende tools:


webpagetest vanuit verschillende locaties

uitleg / demo resultaten van webpage test :
webpagetest van www.mijnwebsitesnellermaken.nl
Load Time  First   Start   Visually 
           Byte    Render  Complete  
First View 0.102s  0.132s  0.134s

Speed 
Index  Result Time   Req. Bytes Time   Req. Bytes
0.134s  134   0.102s  1    1 KB  0.164s 2    2 KB
Veel details in de waterval grafiek en de filmstrip hoe lang men moet wachten op jouw website.

Google pagespeed insights

1 getal voor je snelheid van je website op desktop PC en op mobiele smartphone


score voor mijnwebsitesnellermaken.nl:

100 is de perfecte snelheids score



Minder bekend en minder gebruikt: GTMetrix vanaf Canada

mijnwebsitesnellermaken.nl getest door GT Metrix vanuit Canada

Pagespeed Score = A (100%), YSlow Score = A (100%)
Resultaten 0.5 sec 2.32 KB

pingdom.com vanuit Zweden, USA of Australië


Resultaten van mijnwebsitesnellermaken.nl:

tools.pingdom.com 11-11-2017

Performance grade A 100 = zeer goed
Load time 401 ms
Faster than 98 % of tested sites
Page size 1.2 kB / Requests 1
Tested from Stockholm on Nov 11 at 20:02

tools.pingdom.com 1-6-2018

Performance grade A 100 = zeer goed
Load time 163 ms
Faster than 100 % of tested sites
Page size 1.9 kB / Requests 1
Tested from Stockholm on Jun 1 2018 at 21:36


Zoals je kunt zien is de pagina nauwelijks veranderd, van 1,2 naar 1,9 KB en nog steeds 1 request en opeens is de pagina ruim 2 keer zo snel; van 401 naar 163 ms.

Regelmatig een website testen qua snelheid kan een keertje iets hogere = langzamere of snellere resultaten opleveren.
Test je website op performance daarom regelmatig, minimaal 10 keer per jaar.

Hoe kun je een website sneller maken ?


hoe maak in mijn website sneller ?

1. het aantal fotos en/of logos en plaatjes verminderen.
2. Video niet op een landings pagina en zeker niet op de homepage.
    uitleg: waarom niet, wordt toch geladen vanaf externe video site zoals Youtube.
    dat klopt, maar de player moet geladen worden en de vaak onzichtbare afvertentie's !
3. Aantal style Sheets (CSS) of javascript (JS) comprimeren en samenvoegen.
4. Aantal CDN externe content (CDN) verkleinen.
5. Zoveel mogelijk externe content zoals javascript, fonts en andere externe content op de eigen hosting van je website plaatsen.
6. Meer of grotere CPU en dus zo een snellere server inzetten.

Gebruik ook AMP Accelerator Mobile Pages om de snelheid vanuit een zoekmachine zoals Google te versnellen door o.a. gecachte pagina bij Google, geen JS of CSS bestanden.
performance advies tips


5 tips om jouw / mijn website sneller te maken ?

1. GIF, PNG en JPG fotos en plaatjes verkleinen in KB's en in formaat
    Altijd een digitale foto van je smartphone of digitale camera verkleinen tot maximaal 1000 pixels breed of nog kleiner.

2. JS javascript en CSS style sheet bestanden verkleinen door overbodige zaken te verwijderen.
3. Zelf startende videos verwijderen van landingspagina's en nooit op een homepage zetten
4. Server waar de website op draait versnellen.
    Dit kan onder andere door meer CPU, meer geheugen, maar ook bijv. gzip compressie aan te zetten.
5. Website testen met performance tools en kijken waar de knelpunten zitten,
6. regelmatig herhalen om zo voortgang te meten en te rapporteren.