U bent nu hier: Home / blog / Een website zo snel als Dafne Schippers

Een website zo snel als Dafne Schippers


webdesign zwolle dafne

Hardlopen en het maken van een website hebben op het eerste gezicht echt helemaal niks met elkaar te maken.

De meeste websites maak ik zittend achter mijn pc. Het kost me menig uur om wat moois te maken.

Dafne loopt in iets meer dan 21 seconden 200 meter.

En toch denk ik dat we wat van haar kunnen leren.

Wat kunnen we dan leren?

Ik zal het puntsgewijs toelichten in het onderstaande verhaal:

1. Snelheid doet er toe

Misschien is de race van Dafne een mooie metafoor voor de laadtijd van een website.

Wanneer Elaine Thompson slechts 3 honderste van een seconde sneller was geweest...

Wanneer Veronica Campbell-Brown 34 honderste van een seconde harder had gelopen...

Dan was niet onze Dafne, maar één van deze Jamaicaanse vrouwen wereldkampioen geworden op de 200m. 

Google houdt ook van snelle websites. Volgens Brian Dean is het zelfs een ranking signaal:

webdesign zwolle 028

webdesign zwolle 029

(bron: http://backlinko.com/google-ranking-factors)

Ook hebben de mensen van Google al lang geleden geschreven over dit onderwerp:

webdesign zwolle 030

(bron: https://webmasters.googleblog.com/2010/04/using-site-speed-in-web-search-ranking.html)

Maar nog veel belangrijker dan Google: De bezoeker van jouw site.

Je hoeft geen briljante wetenschapper te zijn om te snappen dat jouw klanten liever vlot jouw site bezoeken, dan dat ze eindeloos moeten wachten omdat jouw site nog aan het laden is. Elke honderste seconde telt.

Je doet eigenlijk een wedstrijdje met jouw concurrenten.

2. Meten is weten

Ik las op de site van de Volkskrant een prachtig stuk over Dafne Schippers:

Daar vliegt Schippers met 38.7 Km p/u

Dafne investeerde  in een systeem om haar te volgen:

- "Optojump heet het datasysteem waarmee de sprint van Schippers (23) het afgelopen jaar is ontleed. Het kost circa 50 duizend euro en levert haar trainer Bart Bennema een schat aan informatie op. Bijvoorbeeld: met haar rechterbeen ontwikkelt ze meer snelheid dan met links; op topsnelheid raken haar voeten de baan per pas slechts 0,1 seconde; over 60 meter zweeft ze 3 van de 7 seconden boven de grond." -

(bron: Volkskrant - http://www.volkskrant.nl/sport/daar-vliegt-schippers-met-38-7-km-p-u~a4265311/)

Het zou een verklaring kunnen zijn voor haar ongekende succes.

Haar talent en doorzettingsvermogen helpen natuurlijk ook flink mee.

Gelukkig zijn de systemen om jouw website te meten net iets goedkoper.

Of beter gezegd gratis!

Ook is talent niet nodig, doorzettingsvermogen wel trouwens.

Mijn optojump heet GTmetrix en ook maak ik dankbaar gebruik van Pingdom

webdesign zwolle 031

3. Ga voor goud

Wanneer Dafne in 2011 na de Europees jeugdkampioenschappen had gedacht: "Het is wel prima zo..." Dan had ik dit blog nooit over haar geschreven.

Ik geloof dat elk detail het verschil kan maken. Ik ben momenteel even aan het genieten van mijn bronzen plak. Ik heb behoorlijk veel relatief kleine aanpassingen gedaan.

Daarmee heb ik de laadtijd van mijn website drie keer zo klein heb gemaakt.

En dat merk je echt. De site "loopt" soepeler dan voorheen.

webdesign zwolle 032

Overigens is het goed om te weten dat er bij bovenstaande meting wordt gemeten vanaf een server in Vancouver.

Bij onderstaande test zie je de echte snelheid van gebruikers in Nederland:

webdesign zwolle 034

4. Details maken het verschil

Ik dacht altijd: ach drie kleine css-bestanden aanroepen; een paar losse javascript-bestanden, wat maakt dat nou uit?

Nou best wel veel.

Ieder bestand wordt aangeroepen: een request. En elke request kost tijd.

Oplossing: minder bestanden aanroepen. Maar hoe doe je dat?

Bestanden samenvoegen en liefst comprimeren is de snelste oplossing.

Ik heb alle javascripts en css-bestanden samengevoegd.

UIt beheersmatig oogpunt een ramp, maar het is sneller en dat telt.

Ik hoef natuurlijk niet te vertellen dat je de javascripts het beste aan het einde van de pagina kan zetten toch?

Elke bit of kilobit is er één. Elke request minder is mooi meegenomen.

Overigens heb ik de bestanden ook gecompimeerd met Gzip.

Een hele basisaanpassing is het aanpassen van de foto's.

Gebruik je foto's maak de foto's dan niet groter dan je ze nodig hebt. Best logisch toch?

5. CDN, Wat?

Na lang aanpassen liep ik als perfectionist tegen een grens aan. Het enige dat nog beter kon was het werken met een CDN. Over de werking zou ik wel een volledig blog kunnen schrijven. Op de site van computerworld.nl staat een leesbare uitleg.

Ik heb als test mijn site gekoppeld aan het CDN: Cloudflare. Dit werkt prima en biedt extra beveiliging.

En het startpakket is gratis. De snelheid internationaal is behoorlijk toegenomen. Nationaal zie ik geen merkbaar verschil.

Als webdesigner in Zwolle richt ik me vooral op de lokale markt, maar toch leuk dat mensen uit andere delen van de wereld de site vlot kunnen bekijken. Al waren het maar de "spiders" van de zoekmachines.

6. Vraag om hulp

Dafne staat alleen aan de start. Maar ze werkt met een goed team om zich heen.

Het meten kan je natuurlijk zelf. Maar voor aanpassingen heb je een webdesigner nodig.

Het verhogen van de snelheid is best nog een klusje.

Maar in een paar uur tijd kan je de website een behoorlijke boost geven.

- Van Leeuwen en Bennema smullen van de data. Schippers niet. De bewegingswetenschapper: 'Dafne is niet van de getallen. Ze wil gewoon lopen. Dat is, denk ik, ook haar kracht.' -

Ik smul van het meten en tweaken van de site en ga voor goud.

Is jouw site net zo snel als Dafne?

Heb je vragen of tips of...

Wil je een snelle website laten maken?

 

Ik nodig je uit om hieronder een reactie achter te laten.

Anderen lazen dit ook:

  1. Kleuren kiezen webdesign RGB en CMYK
  2. Het geheim van marketing: Waarom?
  3. 5 grootste webdesign fouten (die jij niet gaat maken)


Laat een bericht achter - aantal berichten: 0



Bent u de eerste die reageert?



Laat een bericht achter

Schrijf zeven in cijfers: