Zo kun je de snelheid van je WordPress blog verbeteren

In mijn artikel De nieuwste Google-trends schreef ik al dat snelheid voor Google steeds belangrijker wordt. Behalve voor Google is het echter ook van belang voor de gebruiker van je website. Onderstaande artikel behandel ik hoe je de snelheid van je WordPress-blog kunt verhogen.

Conversie verhogend

Omdat de bezoeker van je website steeds minder tijd neemt om een website te beoordelen, wordt er binnen een paar seconden besloten of ze verder gaan kijken of weg klikken van je website. Een snelle site is dus van essentieel belang voor de bezoekers.

Praktische voorbeelden

Maar hoe kan ik dit realiseren voor mijn WordPress blog? Allereerst adviseer ik om je WordPress Plugins te minimaliseren. Verwijder wat je echt niet gebruikt of wat je zonder een plugin kan gebruiken. Plugins maken je blog namelijk langzamer.

Maar er zijn ook plugins die ervoor zorgen dat je de snelheid van je blog juist wordt verhoogd!

W3 Total Cache

Er zijn veel ‘snelheids verhogende’ plugins beschikbaar. Ik heb er een aantal getest en W3 Total Cache als beste bevonden.

Praktische tips

Wanneer je de plugin activeert, heb je al een hoop verbeterd qua snelheid van je blog.
Daarnaast adviseer ik om de onderstaande video van Marieke van der Rakt (CEA van Yoast) te bekijken.

Javascript en CSS samenvoegen

Wat ik nog meer heb gedaan aan mijn blog zijn de javascripts en css bestanden in een bestand gezet. Hierdoor hoeft de browser maar een bestand te laden en niet elk bestand afzonderlijk.
Dit kan je doen bij “Minify Settings” bij “JS File management” en “CSS File management”.

Je zoekt dan in de broncode de URL van de .js of .css en klikt op “add a script”.

Let op: Test even of alles nog werkt op je website want sommige bestanden zijn niet via deze plugin samen te voegen (de meeste wel).

Wanneer iets niet meer werkt maak je het veld leeg (klik niet direct op delete want dan verwijder je de javascript of css van je website!!!) en klik dan ook delete.

Google page speed tool

Nog een interessante tool is de Google page speed tool (Werkt alleen met Firefox en de add-on Firebug).

Hiermee geeft Google suggesties voor je website waarmee je de snelheid van je website kan verbeteren. De meeste zijn al verbeterd als je bovenstaande stappen met W3 Total Cache hebt verwerkt.

Een toevoeging van de Google tool is dat ze kleinere formaat (bestandsformaat) afbeeldingen geeft bij “Optimize images” waardoor de browser sneller de afbeeldingen op je blog kan laden.

Afbeeldingen optimaliseren op je website

De snelheid van je website wordt steeds meer gezien als een van de belangrijkste SEO factoren. Google hecht er namelijk veel waarde aan dat je site snel wordt geladen in de browsers, ook als je een langzame internetverbinding hebt. Afbeeldingen spelen daarin een belangrijke rol!

Gebruikers

Gebruikers vinden het namelijk ook fijn als je website snel op hun beeldscherm verschijnt, omdat ze anders:

• Het laden van de pagina stoppen
• Teruggaan naar de vorige pagina

Omdat de gebruikers het waarderen dat een website snel is, vindt Google dat ook. Het gebruikersgemak is een hoog goed bij Google.

Tools

Er zijn verschillende tools om de snelheid van je website te meten. Google heeft zelf Pagespeed ontwikkeld, een add-on die gekoppeld is aan de browser Firefox. Ook geeft deze add-on aan wat je het beste kunt doen om de snelheid te verhogen. Ook in Google Analytics kun je sinds kort de snelheid van je site zien.

Afbeeldingen

Een van de aspecten die een site langzamer maakt zijn de afbeeldingen. Nu zijn plaatjes bijna onvermijdelijk als je een leuk vormgegeven website wilt. Je moet alleen op enkele zaken goed letten om je site niet te traag te maken.

Daarom, gebruik nooit:

• BMP-bestanden of
• TIFF-bestanden

die maken door hun omvang je site veel trager, maar juist alleen:

• PNG-
• GIF- of
• JPG-bestanden

Daarna kun je je afbeeldingen comprimeren, met bijvoorbeeld het gratis programma Irfanview of een ander gratis alternatief voor Photoshop. Je kunt meestal al met de helft van de bestandsgrootte toe zonder dat je aan kwaliteit op het beeldscherm inboet.

Optimaliseren

Tot slot heeft Google ook zelf een zeer goed interessant artikel en video op hun eigen website staan over het optimaliseren van afbeeldingen voor SEO. Zij zeggend dat je je bijvoorbeeld overbodige witruimte van een afbeelding moet weghalen. Dat kan door alleen de afbeelding wat je wilt laten zien te selecteren (ook in Irfanview) en dan ‘Crop Selection’.

SEO-vriendelijke afbeeldingen in WordPress

Ik kreeg ooit de vraag of het verschil maakt welke afbeeldingsvariant je kiest in WordPress om zo SEO-vriendelijk mogelijk te zijn. Het antwoord is nee.

Of iets genuanceerder; nauwelijks. Voor Google is vooral de alt-tag van een afbeelding van groot belang. Dat is de tekst die verschijnt als je met de muis op de afbeelding gaat staan. De naam van de afbeelding doet er wel enigszins toe, maar of nu afbeelding.jpg of  afbeelding-hoogtexbreedte.jpg, maakt dan geen verschil.

Alt-tag

Zorg wel dat in elk bericht of pagina een afbeelding staat met de juiste alt-tag. Verder moet je .bmp of .tiff-bestanden juist vermijden omdat die de snelheid van de site kunnen vertragen.