‘No need for speed,’ is één van mijn favoriete citaten als het om hardlopen gaat!
Het belang van een snel blog
Maar als je het over bloggen hebt, dan is snelheid wel degelijk nodig! Hoe sneller je blog laadt, hoe beter het is. Je kunt nog zo’n waanzinnig mooi blog hebben, als het niet snel genoeg laadt dan zullen bezoekers het niet eens zien. Dan hebben ze namelijk alweer weggeklikt. Sterker nog: de snelheid waarmee je blog laadt wordt door Google meegeteld voor je Pagerank!
Een blog dat (te) traag laadt kost je bezoekers, comments, pagerank en uiteindelijk dus inkomsten.
Invloeden op de laad snelheid van je blog
- Het aantal posts per pagina
- Het aantal widgets of gadgets
- Advertenties
- Hoeveelheid plaatjes en hoe groot ze zijn
- Affiliate codes
- Sociale media buttons
- Plug ins (alleen voor wordpress.org)
- Je template of theme
- Het aantal links
- Je hosting provider (alleen voor wordpress.org)
Wat is een goede ‘laadtijd’?
Een goede laadtijd is een korte laadtijd. 47% van de internetgebruikers verwachten een laadtijd van niet meer dan 2 secondes. 40% smeert hem als een blog na 3 secondes nog niet is geladen. De maximale laadtijd voor een website is 8 secondes. Maar ik denk dat veel mensen dat niet eens halen.
Meet de laadtijd van je blog
Nu ben je vast wel benieuwd naar de laadtijd van je eigen blog! Er zijn heel veel gratis speeltjes om dit te meten. Dit zijn mijn 3 favorieten:
- PageSpeed Insights van Google Developers
- Pingdom Website Speed Test
- GTmetrix
Bloggen en Loggen snelheid getest
Natuurlijk heb ik bloggenenloggen.nl ook getest. Ik heb daarvoor PageInsights gebruikt
- Mijn PageSpeed score voor de laadtijd van Bloggen en loggen op mobieltjes was 54/100, en op computers 76/100 .
Na deze tests wilde ik natuurlijk de laad snelheid verbeteren. Als je een wordpress.org blog hebt dan kun je hiervoor gebruik maken van de W3 Total Cache plugin. Die had ik nog niet geïnstalleerd. Maar na de testresultaten heb ik dat meteen gedaan.
W3 Total Cache plugin geïnstalleerd
Nadat ik de W3 Total Cache plugin had geïnstalleerd moest ik hem natuurlijk nog instellen. Dat deed ik met dit tutorial van Udinra.
Vervolgens testte ik Bloggen en loggen opnieuw.
- PageSpeed Insights gaf nu voor de laadtijd op mobieltjes 60/100 en op computers 82/100.
Beter dus, maar nog niet goed genoeg. Tijd voor de volgende stap om de laadsnelheid van Bloggen en loggen te verbeteren!
Comprimeer Javascript en CSS
Door verschillende Javascripts en CSS te comprimeren en samen te voegen hoeft er minder geladen te worden. Volgens PageSpeed Insights had Bloggen en Loggen op dat moment 14 blokkerende Javascripts en 9 blokkeren CSS bronnen.
Gelukkig legt Yoast, je weet wel, die van de plug in, uit hoe je dat oplost. Dat doet hij hier.
N.b. Om dit te kunnen doen heb je de W3 Total Cache plugin nodig.
- Ga naar Performance, General Settings en activeer Preview Mode. Zo kun je rustig dingen veranderen zonder dat het meteen consequenties heeft voor je blog.
- Ga naar Performance, Minify.
- Scroll omlaag naar JS Minify Settings
- Klik op ‘Add a script’
- Ga naar PageSpeed Insights en kopieer het eerste javascript dat wordt genoemd
- Paste het onder JS Minify Settings. Copy en paste zo alle Javascripts
- Klik op ‘Save’
- Scroll naar boven en klik op ‘Test’ of ‘Preview’
- Als je blog er nog goed uit ziet, klik je op deploy. De wijzingen worden nu toegepast
- Nu doe je hetzelfde voor de CSS
Resultaat na comprimeren javascript en CSS
66/100 voor mobieltjes en 84/100 op computers.
Theme veranderen
Soms kan een theme de oorzaak zijn van een langzamere laadtijd. Daarom verving ik mijn theme met het Prose theme. Dit leverde dit resultaat op:
85/100 en 92/100.
Tips om de snelheid van je blog te verbeteren
Als de laadsnelheid van je blog langzaam is, dan is er dus gelukkig van alles dat je kunt doen om het sneller te maken. Hier onder de belangrijkste tips op een rijtje.
- Als je veel plaatjes gebruikt kun je die met de gratis plugin WP Smush.it gebruiken. Die maakt ze kleiner.
- Verwijder plugins en themes die je niet gebruikt
- Kijk kritisch naar je plugins: heb je ze echt nodig?
- Gebruik een Cache plugin. Die laat je bezoekers de bewaarde versie van je blog zien, in plaats van je blog eerst weer helemaal te laden.
- Niet teveel posts op je pagina. Zeker niet meer dan 10.
- Comprimeer Javascript en CSS
- Als je Google Adsense gebruikt kies dan voor de asynchronous code. Dat voorkomt dat de rest van je blog moet wachten tot de Google ads eindelijk eens geladen zijn
Dank je, ik had deze plugin al een keer eerder geinstalleerd met fatale gevolgen. Gelukkig had ik een back-up. Het lijkt erop dat via jouw blog en de uitstekende uitleg van Undira het nu wel gelukt is. Super.
Fijn dat de uitleg hielp! Ik vond hem zelf ook heel duidelijk!
“40% smeert hem als een blog na 3 secondes nog niet is geladen”
Geeft toch wel aan wat een stelletje ongeduldige mensen we zijn geworden (of al waren?), als je al geen 3 seconden?! kan wachten dan moet je toch echt bij jezelf ten rade gaan of je niet solliciteert naar een hartaanval vroeg of laat.
maar ik heb momenten dan instauto.nl heel snel laad en af en toe heel traag, valt hier ook wat aan te doen ?
Hoi David, ik heb het getest met Google PageSpeed Insights en er valt zeker wat te verbeteren aan de snelheid van het genoemde blog. Bij desktop scoor je maar 40 van de 100, en voor smartphones 46/100.
Onder deze test vind je tips van Google hoe je dit kunt verbeteren.
https://developers.google.com/speed/pagespeed/insights/
Ik heb het net een keertje getest voor mijn blog. Mobiel is 67/100 en computer 85/100.
Dus ik denk dat het wel oké is voor de pc, maar mobiel kan beter. Maar hoe kan ik dit optimaliseren voor een blogger blog?
Die scores zijn prima Beauty Treasures. Het is op dit moment erg lastig om dit te verbeteren bij Blogger. Ik ben bezig met een artikel over dit onderwerp, maar nogmaals: je score is heel behoorlijk.
Super thanks voor je antwoord!
Ik kom niet eens voor in de Google rank en mijn laadsnelheid is ook nog eens slecht! Pfff, weer wat werk te doen.