Onlangs werd ik getipt over een handige website om je fonts te testen in een browser met Font Tester. Stel je bent bezig met een website en wilt even kijken hoe een wijziging in je stylesheet eruit zou kunnen zien. Dan is Font Tester een heel handige website.

Computerschermen worden steeds groter. Als je van plan bent een nieuw ontwerp te gaan gebruiken dat groter is dan wat je nu hebt, dan is het goed eerst te kijken of je bezoekers het nog wel kunnen zien. Je kunt daarbij afgaan op algemene statistieken over computerschermen, maar het is beter om dit zelf te testen op basis van je werkelijke bezoekers.

Meten met Mint Real Estate
Ikzelf gebruik de statistieken van Mint. Een schat aan informatie, ook over de resolutie van schermen. Je kunt deze informatie vinden via de Real Estate module van Mint:

In mijn laadtijd meting met Firebug, hebben we gemerkt dat de javascript-bestanden van mijn website naar verhouding vrij groot zijn. Tijd om daar wat aan te doen, zodat pagina's (ook bij een eerste bezoek) wat sneller inladen. Eens kijken of Dojo ShrinkSafe een oplossing biedt.

Dojo ShrinkSafe
Een handige tool hiervoor is Dojo ShrinkSafe. Er zijn twee varianten: een online variant of een programma dat je op je computer installeert. Ik maak even gebruik van de online versie. De werking is eenvoudig:
1) Maak een backup van je huidige javascript bestanden.
2) Upload je javascript bestanden naar de website.
3) Herhaal dit voor ieder bestand dat je wilt comprimeren. Dojo ShrinkSafe maakt er nl een nieuw bestand van.
4) Bekijk of het effect heeft.
5) Controleer nu of het bestand nog valide is. In mijn situatie was er 1 duidelijke fout die ik met behulp van de javascript validatie van Eclipse direct kon opsporen en verbeteren.
6) Als alles klopt, vervang dan de originele bestanden door het nieuwe bestand.
7) Pas eventuele verwijzingen op je webpagina ook aan.
8) Test je site grondig! Dus doe dit allemaal eerst op een testserver.
9) Als alles goed werkt, pas dan je live website aan.

Hoe werkt het?
De code die Dojo ShrinkSafe genereert vervangt regeleinden e.d., maar vervangt ook variabelen en namen door veel kortere variabele; je code is dus niet langer leesbaar! Bewaar je oude code!

wordt

De snelheid van je website is van groot belang. Hoe sneller, des te meer bezoekers en des te beter de ervaring van je bezoekers. Ook in zoekmachines scoor je beter, omdat je site beter bereikbaar is. Een manier om die snelheid te meten is de Firefox plug-in Firebug. Deze plug-in is – los van deze functionaliteit – bijzonder handig voor het ontwikkelen van je website.

Firebug installeren
Als je Firebug nog niet hebt geïnstalleerd, doe dit dan alsnog vanaf www.getfirebug.com. Herstart je browser en start met meten!

De laadtijd meten met Firebug
Klik op het icoontje rechts onderin je scherm om Firebug te openen (een groen rondje met een wit vinkje). Ga daar naar het Net tabblad. Je ziet nu iets wat lijkt op onderstaande afbeelding.

In mijn bericht over het verbeteren van de snelheid van je website had ik als eerste stelling dat hosting op een Nederlandse server sneller is dan een buitenlandse. Dit had ik vooral gebaseerd op mijn ervaring met twee buitenlandse hostingpartijen, Dreamhost (VS) en Prokmu (Zwitserland). Daar was ik namelijk niet zo over te spreken. Niet iedereen was het hier mee eens. Je zou inderdaad denken dat met de komst van glasvezel dat niet zo veel zou moeten uitmaken. Ik nam de proef op de som met een test van WatchMouse en nu.nl.

Welke snelheidsaspecten meet WatchMouse?
Als je in WatchMouse een site test op bereikbaarheid wordt dit gedaan vanuit meerdere locaties: New York, Londen, Sydney, Amsterdam, etc. Kortom: vanuit de hele wereld.
Daarbij worden 3 zaken gemeten: resolve tijd, connect tijd, download tijd. Dit levert 3 prestaties op die met elkaar het eindresultaat bepalen.

Resolve tijd = DNS Lookup
Dit is de tijd die nodig is om het domein om te zetten in het IP-adres van de webserver. Het IP-adres wordt opgezocht (resolved). Dit proces verloopt via DNS servers en heet de DNS Lookup. Hiervan zijn er meerdere op de wereld. Het zijn de centrale knooppunten in het internet die aanvragen voor webpagina's en e-mail op de juiste manier doorsturen. Je kunt het zien als call-centers. Mijn stelling is dat hoe dichter je bij huis bent met een webserver, des te sneller dit zal plaats vinden. Logisch, aangezien je dan met een lokale DNS-server te maken hebt. In het voorbeeld kost dit voor www.nu.nl vanuit New York 283 milliseconden.