Iedereen kan nu de laadtijd van je website verbeteren

• Tweet

• Tweet

De laadtijd is een van de belangrijkste onderdelen van je website. Het zorgt voor een betere gebruikerservaring en (in de meeste gevallen) een hogere conversie.

Gebruikers klikken sneller van content naar andere content

In een artikel van vorig jaar (Aug 4, 2010) vertelde Eric Schmidt (Ex CEO Google) dat er nu binnen 48 uur even veel content wordt geplaatst op het web al dat er werd geplaatst vanaf het begin van het web tot 2003.

Dat betekend dat internet gebruikers steeds sneller switchen tussen verschillende websites. Wanneer je website/blog te langzaam laad zal deze bezoeker direct weg klikken en waarschijnlijk nooit meer terug komen.

Zonde! Want hierdoor krijg je niet eens de kans om de bezoeker te overtuigen van jouw goede content.

Wat heb ik nodig om zonder technische kennis de snelheid van mijn website te verbeteren?

De browser Firefox (omdat de tool alleen werkt met deze browser), een FTP programma (zoals FileZilla), De Google Page Speed Tool en Firebug. Installeer deze voordat je aan het stappenplan begint.

Je vraagt je misschien af “Waarom maakt Google een tool om de snelheid van je website te verbeteren?”. Dat doen ze omdat dit omdat ze er ook van overtuigd zijn dat het een betere gebruikerservaring voor internet gebruikers geeft.

Ze geven zelfs de snelle websites voorrang op langzame websites in de zoekresultaten (weer een extra voordeel bij een snelle website)

Over de Google Page Speed Tool

Met deze tool kan je je website scannen en zal tips geven over hoe je je snelheid kan verbeteren.

Bij sommige onderdelen zoals Afbeeldingen (hoe minder groot het bestand is hoe sneller het kan worden ingeladen), Javascript en CSS (zo min mogelijk code hoe sneller de browser er doorheen kan gaan en laden) geeft Google zelfs geoptimaliseerde bestanden die je alleen maar hoeft op te slaan en over te schrijven met het originele bestand.

Stap voor stap

1. Start firefox op en ga naar je website of pagina die je wilt gaan optimaliseren. Klik dan in het menu van Firefox op Beeld –> Firebug. Wanneer je dit doet opent zich een schermpje (Firebug) en klik je in dat menu op Page Speed.

Je krijgt dan onderstaand beeld te zien.

2. Klik op Analyze Performance en Google zal je suggesties geven waar je aan je website moet gaan sleutelen om de snelheid te verbeteren. Telkens wanneer je iets verhelpt dat de snelheid ten goede komt krijg je er punten bij.

Zoals ik in de introductie al zei zijn er 3 onderdelen waarbij Google voor jou je bestanden optimaliseerd en je ze alleen maar hoeft te downloaden en met het ftp programma over te schrijven.

Zorg er wel altijd voor dat je een backup maakt zodat er niets verloren gaat.

Rood geeft aan dat het veel van je aandacht vereist om deze onderdelen te optimaliseren en valt ook het meeste resultaat te behalen. Toch zijn de andere ook de moeite waard omdat alle kleine beetjes helpen.

3. Ik heb in dit voorbeeld de website van Nu.nl genomen en hierbij zien we dat “Optimize images” de aandacht verdiend. Het is erg simpel om de bestandsgrootte van de afbeeldingen op je website via deze tool te verkleinen (zonder kwaliteitsverlies).

Klik op het pijltje voor “Optimize images”. Je ziet dan een lijst van afbeeldingen die de browser op je website moet inladen. Google geeft ook aan met hoeveel % je het bestand kan verkleinen, je kan het verkleinde bestand inzien via optimized version en downloaden door op save as te klikken.

Wanneer je het bestand dat Google voor je heeft gemaakt hebt gedownload gebruik je je ftp programma om het bestand te uploaden naar de originele locatie. Als je het goed hebt gedaan wordt er gevraagd of je het bestand wilt overschrijven.

Wanneer je dit bevestigd kan de internet browser het kleinere bestand gaan laden en heb je de snelheid van je website verbeterd.

Let op: Zorg er wel voor dat je de bestandsnaam aanpast aan de bestandsnaam van het originele bestand. De url van het originele bestand staat er ook bij. Google maakt er namelijk voor het geoptimaliseerde afbeelding een andere bestandsnaam.

Wanneer je het dan zou gaan uploaden schrijf je niet het originele bestand over en laad de browser nog steeds de langzame afbeelding in.

Wanneer je in dit voorbeeld de 1e geoptimaliseerde afbeelding wilt downloaden moet je opletten dat je het bestandsnaam aanpast naar “m1fzw4rag7n2.jpg”

4. Op bovenstaande manier kan je ook de Javascript bestanden optimaliseren (Minify JavaScript), CSS bestanden (Minify CSS) en de HTML code achter je website (Moet je wel je HTML code kunnen aanpassen via je CMS systeem of handmatig).

Succes!

Danny Verhoeven

Wil je nog meer aan de snelheid van je website doen? Lees dan mijn laatste artikel over page speed

Wat kunnen wij voor je doen?

Starting Business biedt een totaalpakket aan diensten voor het starten van een eigen bedrijf. Het pakket bestaat onder andere uit; een ondernemingsplan, administratie & belastingzaken, een kantoorruimte huren en nog veel meer!