In dit derde deel over YSlow (een hulpmiddel van Yahoo om de snelheid van je website te verbeteren) gaan we in de laatste tips die YSlow ons gegeven heeft. In het vorige deel in deze serie hebben we de snelheid flink kunnen ophogen door bestanden te zippen. Een aantal andere adviezen bleken al opgevolgd te zijn (zoals CSS bovenin je pagina en het achterwege laten van CSS expressies). Wat nog mogelijk is Javascript bestanden te verkleinen, redirects te vermijden en ETags in te stellen. Hoe werkt dit?

10) Minify JS – Maak Javascript bestanden zo klein mogelijk. Hoe kleiner een bestand des te sneller dat zal inladen. Hoe kan je dit doen? Om te beginnen kunnen je overbodige zaken verwijderen: tabs, regeleinden, dubbele spaties. Hiermee zal je wat tijdswinst halen. Een hulpmiddel hiervoor kan Dojo ShrinkSafe zijn. Je kunt ook nog lange namen van varialen hernoemen naar kortere versies. Dit alles komt wel ten nadele van de leesbaarheid van je code en maakt debuggen lastig (misschien wel onmogelijk).
Het verkleinen van de Javascript bestanden is bij gebruik van PHP Speedy voor WordPress niet meer nodig; dit wordt door deze plugin al voor je gedaan.

11) Avoid redirects – Vermijd 301 redirects. Soms komt het voor dat je een pagina hebt verhuist naar een andere locatie. Met een 301 redirect help je je bezoeker en zoekmachine naar de nieuwe locatie. Bij deze doorverwijziging gaat er wel tijd verloren. Probeer dit dus tot een minimum te beperken.
Het kan gebeuren dat er een redirect plaatsvindt zonder dat je het zelf doorhebt. Zo werden alle categorieën op deze pagina geredirect (aangezien ze niet met een / eindigen, wat wel zou moeten). Dit heb ik nu gefixt.

12) Remove duplicate scripts – Verwijder dubbele scripts. Ongewild kan het voorkomen dat je hetzelfde Javascript twee keer gebruikt. Met het toenemende gebruik van Javascript is dit niet zo vreemd. Ook kan het zijn dat je twee of meer plugins gebruikt die eenzelfde script gebruiken. Met YSlow zou je dit kunnen achterhalen en corrigeren. Dit probleem kwam niet voor mijn site.

13) Remove ETags – Verwijder Entity Tags (ETags). Van origine waren Entity Tags bedoeld om het inladen van componenten te versnellen. Op basis van een Entity Tag kon een browser bepalen of een component uit een pagina dat werd aangeboden al eerder was ingeladen. In de praktijk blijkt dit tegenwoordig averechts te werken; met name bij websites die van meerdere servers gebruik maken (bijv. druk bezochte websites). Het advies is daarom om de ETags te verwijderen. Hiermee wordt caching verbeterd. Op Apache doe je dit met het volgende commando in je .htaccess bestand.

Het (voorlopig) eindresultaat
We zijn heel wat opgeschoten. De ranking van de homepage is verder verbeterd naar 63. Een aantal zaken was niet op te lossen; dit zit hem met name in aanroepen vanaf het Google domein (voor de advertenties), maar ook vanwege het statistieken programma dat ik gebruik (Mint). Misschien dat daar nog wat aan te verbeteren valt. Op de website van Yahoo worden overigens nog veel meer verbeterpunten aangereikt (in totaal maar liefst 34 op dit moment). Deze heb ik nog niet meegenomen. Mocht daar nog iets uitkomen, dan zal ik dit in een vervolg publiceren.

Toen ik de overstap maakte naar WordPress 2.7 bleek mijn website een stuk trager dan voorheen. Dit is niet alleen nadelig voor je bezoekers, maar ook voor je ranking! Met de installatie van WP-Supercache heb ik dit weten te verbeteren. Deze plugin zorgt ervoor dat de eerste keer dat een pagina wordt opgeroepen deze wordt omgezet naar een HTML pagina.
Toch valt er nog meer te doen.

Ik liep in mijn zoektocht naar verbeteringen tegen een plugin van Yahoo aan waar je veel aan kunt hebben: YSlow voor Firebug.

Wat doet YSlow?
YSlow controleert je website op 13 onderdelen. Dit levert een eindcijfer op. De sub-onderdelen scoren van A tot en met F (het Amerikaanse systeem). Een A is goed, een F slecht. Zoals je kunt zien scoort Whelp niet heel erg goed: 49 van de 100… Dit gaan we proberen te verbeteren. We beginnen met het eerste advies:

Wat is de ideale lengte van een artikel om gevonden te worden? Een eenvoudige vraag, maar lastig te beantwoorden. Zelf hanteer ik ongeveer 5 alinea's en zo'n 400-500 woorden (in WordPress wordt het aantal woorden automatisch geteld). Maar de ideale lengte zal per bezoeker verschillen. Toch zijn er wel een paar principes die je kunnen helpen.

Een HTML-tag die je misschien niet vaak gebruikt is de ABBR tag. De afkorting staat voor abbreviation (van het Latijn brevis = kort). Een tag die je kunt gebruiken om je site te verbeteren. Zowel voor je bezoekers als voor zoekmachines.

Hoe werkt de ABBR tag?
Stel je schrijft een stuk in je weblog over de PvdA, dan kan je de afkorting PvdA gewoon weergeven, of met een extra uitleg als PvdA. Zet hiervoor de volgende code om het woord:

Om het onderscheid met een gewone link duidelijk te maken zie je een klein stippellijntje onder het woord. Dit kan je eventueel met een CSS stylesheet aanpassen.

Handig voor je bezoekers
Nu is de PvdA een afkorting die iedereen kent, maar stel je schrijft over CMS systemen, zoals ikzelf, dan is de abbr voor je bezoekers handig om even te zien wat het ook al weer precies betekent. Als ze met hun muis over het woord gaan zien ze een tekst verschijnen met de uitleg uit je title attribuut.

Handig voor zoekmachine optimalisatie
Ook al is het weinig, toch kan je met een ABBR tag extra informatie meegeven aan zoekmachines. Het title attribuut wordt uitgelezen door Google en andere zoekmachines en is weer extra inhoud over het onderwerp (waar je toch al over schrijft). Het verscherpt de focus van je artikel en betrekt alternatieve woorden in het woordveld van je teksten. Kortom: een eenvoudige en snelle toevoeging aan je SEO ! ;-)

Meer tips over SEO
Kijk ook eens in mijn overzicht van zoekmachine optimalisatie technieken.

Misschien heb je wel eens gehoord van de Long Tail. Dit concept van Chris Anderson stelt dat bij bijvoorbeeld een internetwinkel als Amazon er een groot aantal producten is die het meest verkocht worden (de bestselllers), maar dat er duizenden producten zijn waarvan er maar een paar verkocht worden. Zou je een gewone winkel hebben, dan is dat uitermate kostbaar: je moet al die producten inkopen, op de plank hebben staan, ze promoten, etc. Maar op internet is het toevoegen van zo'n product in je database maar 1 regel extra… weinig inspanning dus en weinig kosten (de menukosten zijn laag). Samen vormen ze een lange staart aan mogelijke opbrengsten (de long tail). Ben je van plan een internetshop te beginnen, dan kan ik je het boek van Anderson hierover van harte aanbevelen. Dit concept geldt niet alleen voor producten, maar ook voor verhalen. Dit wil ik illustreren aan de hand van mijn eigen website.

De Long Tail van Whelp.nl
Via de statistieken die ik verzamel via 103bees kan ik zien waarop mensen zoeken en welke artikelen ze zoal bekijken. Elk zoekwoord (en daaraan gekoppelde artikel) kan je beschouwen als een product in een winkel. Wie verkoopt die producten? Google! Elke verwijzing zie ik als een kleine advertentie. Hieronder zie je een klein overzicht van de 'producten' die ik de laatste tijd zo 'verkocht' heb.