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.

In het vorige deel hebben we YSlow voor het eerst gebruikt en al wat snelheidswinst weten te boeken. We hebben gekeken naar het omlaag brengen van het aantal HTTP verzoeken (advies 1) en het cachen van met name afbeeldingen (advies 3). We gaan in dit deel door met de volgende stappen.

4) Gzip components – Door een bestand op de server eerst te zippen en dan over de 'lijn' sturen kan je de hoeveelheid data met 70% omlaag brengen. De browser van je bezoeker moet dan wel die gegevens weer kunnen unzippen. Volgens Yahoo geldt dit voor 90% van de browsers. Aangezien ik mijn grootste 'klandizie' in Nederland heb, ga ik ervan uit dat dit percentage nog wel hoger zal liggen. De moeite waard dus om te proberen.

Voeg hiervoor de volgende code toe aan je .htaccess bestand.

Wat we hier testen is of de module mod_deflate wel geactiveerd is op de server. Zo ja, dan gebruiken we die bij javascript, CSS en php bestanden. Het effect is dat de homepage nu (na caching) onder de 2 seconden komt! Maar ook bij een eerste aanroep zal dit heel wat tijd schelen. Gzip via PHP speedy heb ik nog aanvullend getest, maar dit bleek niet te werken in Internet Explorer…

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: