Je weblog sneller maken

Een snel weblog zorgt voor meer bezoekers en voor een hogere Google-ranking!

Dat wil ik ook voor mijn eigen weblog ‘Gesprek 2.0’ bereiken. Jij kunt dat ook!

gesprek20

In deze blogserie van drie artikelen ga ik daar op in:

  • Deel 1: hoe analyseer je je eigen weblog en hoe vind je uit welke verbeteracties je kunt uitvoeren
  • Deel 2: versnellen van je weblog door gebruik te maken van een caching plugin
  • Deel 3: nog meer versnelling door het gebruik van een CDN (Content Delivery Network)

Waarom is het belangrijk dat je weblog snel wordt getoond:

  • Gebruikers gaan dan makkelijker en meer bladeren op je weblog:
    • ze hoeven maar kort te wachten op het tonen van nieuwe artikelen;
  • Je krijgt mogelijk een betere ranking in Google;
  • Vooral op mobiele apparaten (Android, iPhone, iPad etc.) is je weblog dan makkelijker door te bladeren.

Compromissen

Mijn ervaring is ook dat je compromissen moet sluiten tussen deze twee situaties:

  • Een heel snel weblog met wat minder functionaliteit
  • Een wat langzamer weblog met meer functionaliteit

Meten van je weblog

Hier zie je de gemeten laadtijd van mijn WordPress weblog ‘Gesprek 2.0’.

  • Naar rechts is de tijdsas;
  • Naar beneden zie je alle elementen die vanaf je weblog in de browser worden geladen:

gesprek20

klik hier voor een grotere afbeelding

Dit is een meting bij opnieuw ophalen van de homepage. De site mooi snel: een laadtijd van 0.78 seconde).

Wat staat een snel weblog in de weg:

  • Te veel plugins geïnstalleerd;
  • Te grote afbeeldingen;
  • Geen caching plugin geïnstalleerd;
  • Geen versnellingssite of CDN (Content Delivery Network) in gebruik;
  • … en nog meer redenen.

Hoe kun je je eigen weblog analyseren om daarmee verbeteringen door te kunnen voeren?
Dat ga ik hieronder laten zien, het is eigenlijk niet zo moeilijk en ook goed te doen voor mensen met weinig IT-ervaring!

Stappen

Welke stappen moet je nemen om je eigen blog op snelheid te kunnen meten en te kunnen tunen:

Installatie van tools
Aan de slag

Nadat je deze addon’s hebt geinstalleerd zie je deze afbeelding:

yslow

klik hier voor een groter afbeelding

Klik hier op ‘Run Test’. Dan zie je in het tabblad ‘Grade’ onderstaand resultaat:

Hieronder zie je het resultaat van een snelheidsmeting in het tabblad ‘YSlow’:

  • Een overall grading van 80. Dat is een mooi resultaat
  • De laadtijd is 0.8 seconde (dat is bij opnieuw ophalen, dan staat er al bepaalde informatie op je PC)
  • In de linkerkolom zie je aanbevelingen.
    • In groen betekent dat je daar niets meer aan hoeft te doen;
    • in rood betekent dat je daar mogelijk nog kunt verbeteren.

firebug

Klik hier om een grotere afbeelding te zien.

Hieronder zie je een analyse van de hoeveelheid data die wordt opgehaald:

cache

Klik hier voor een grotere afbeelding

  • Empty cache: dat is de situatie als je een pagina voor het eerst ophaalt. Je ziet dat er in totaal 23 afbeeldingen worden opgehaald, totale grootte 268 kB. Kijk bij je eigen weblog of je plaatjes soms niet te groot zijn, dat vertraagt je weblog nogal.
  • Primed cache: dat is de situatie als je een pagina opnieuw ophaalt. De plaatjes komen dan van je eigen PC; dat is daarom sneller.

Voorbeeld: Facebook comments plugin wel of niet installeren?

Nu laat ik een voorbeeld zien hoe je hiermee kunt experimenteren, om zo je optimale snelheid te behalen.

Hieronder zie je de laadtijden als ik de Facebook Comments plugin heb geinstalleerd (met deze plugin kunnen bezoekers commentaar plaatsen dat ook op Facebook wordt getoond). Je ziet dat dit mijn weblog met 1.6 seconde trager maakt:

fb comments plugin

Klik hier om een grotere afbeelding te zien.

En hieronder zie je hoe snel het laden is als je deze plugin weg hebt gehaald:

geen fb comments plugin

Klik hier om een grotere afbeelding te zien.

Bij het ‘tunen’ van je weblog zul je soms moeten afwegen of het toevoegen van meer functionaliteit (door middel van een plugin) je de resulterende vertraging van je weblog waard is.

Wat is jouw ervaring?

Wat is jouw ervaring met het verbeteren van de snelheid van je weblog? Vind je dat belangrijk, en hoe verbeter jij dat? Ik hoor het graag!

5 Reacties

    • Wieger, dank voor je tip! In dat artikel wordt lazyload genoemd om het laden van plaatjes pas te doen op het moment dat de gebruiker het scherm scrollt (en de plaatjes zichtbaar worden); lijkt me een handige tip. Ik werk zelf graag met veel afbeeldingen, dus die tip kan wat brengen.

  1. Bedankt voor de vermelding Wieger. @Jeroen. Volledig met je eens, die facebook comments en eigenlijk alle buttons van major social platforms zijn een ramp qua page speed. Jammer, maar het is zo.

    Goed geïllustreerd met je waterfall screenshot!

  2. Pingback: Contentgirls » Heeft een social media button op je website effect?