Hoe snel laadt jouw website?

Dirk de Kok (Lost Boys) heeft een aardig artikel op Naar Voren over de performance van webpagina’s. In het artikel gaat hij in op de belangrijkste factoren die de laadsnelheid van een website bepalen zoals het aantal elementen per pagina, browser caching en compressie.
Dirk geeft een aantal aanbevelingen voor site-optimalisatie:
- beperk het aantal elementen op een pagina tot bijvoorbeeld maximaal 40 elementen;
- plaats zoveel mogelijk van de layout in stylesheet bestanden;
- zet in de HTML alleen content;
- als de CSS bestanden groot worden, kun je er voor kiezen om aparte stylesheets te maken voor bijvoorbeeld de homepage;
- controleer goed of de ‘lastmodified datetime’ wordt doorgegeven door de server, zodat browser caching goed plaatsvindt;
- stel HTTP compressie in op de server.
Nu begrijp ik als niet-programmeur niet alles van wat hij schrijft maar probeer voor mijn eigen sites wel degelijk rekening te houden met de laadsnelheid. Om o.a. de snelheid van inladen te bepalen maak ik al jaren gebruik van Funnel Web Profiler. Deze tool - die veel meer interessante informatie geeft over een website - is al jaren in beta en het lijkt er op dat Quest eindelijk gaat werken aan een definitieve versie. Wie heeft tips voor handige(re) tools om de performance van een website te bepalen?
Gepost in: Usability & Design
21 Reacties
Tinus
Web Page Speed Report
http://www.websiteoptimization.com/cgi-bin/wso/wso.pl?url=http://www.marketingfacts.nl/berichten/hoe_snel_laadt_jouw_website/
geplaatst op 15-03-2006 om 14:56 uur
Tinus
Warning! Warning! Warning! :-)
geplaatst op 15-03-2006 om 14:57 uur
Fred Zelders
Ik heb een tip voor de FireFox gebruikers onder ons.
Haal de extensie Web Developer op https://addons.mozilla.org/extensions/moreinfo.php?id=60&application=firefox en installeer die.
Na herstart van FireFox heb je vervolgens de beschikking over een werkbalk met heel veel hulpmiddelen die handig zijn voor ontwikkelaars. Eén van die hulpjes schuilt onder 'Tools'. Daar kan je 'View speed report aanklikken'. Je moet vervolgens even wachten, maar dat wachten wordt dan ruimschoots beloond met een webpagina waaop allerlei informatie te vinden is over de webpagina die je bezocht op het moment dat je 'View speed report' aanklikte.
Informatie over het aantal plaatjes, de grootte/zwaarte van die plaatjes. De omvang van de tekst, download tijd bij verschillende internet-verbinding snelheden, etc etc.
Onderaan staat 'Analysis and Recommendations' waar je aanbevelingen krijgt om je pagina te verbeteren.
geplaatst op 15-03-2006 om 14:58 uur
Fred Zelders
Zo te zien BIJNA simultane reactie van Tinus en mij. Tinus was eerder klaar (maar hij had ook minder tekst te tikken).
:-)
geplaatst op 15-03-2006 om 15:01 uur
Marco Derksen, Upstream
Fred en Tinus dank voor de tips, zal ze zeker eens bekijken!
Dirk geeft in zijn artikel ook nog een suggestie. Er zijn speciale programma’s waarmee je zichtbaar kunt maken welk verkeer er plaatsvindt tussen browser en server. Charles is er een die automatisch in Internet Explorer integreert en zo al het HTTP verkeer logt en inzichtelijk maakt, inclusief response-tijden en alle headers.
geplaatst op 15-03-2006 om 15:08 uur
Marco B.
Blij dat ik geen 14k4 modem heb: 153.48 seconds voor deze pagina...
geplaatst op 15-03-2006 om 15:22 uur
Marco Derksen, Upstream
Wie heeft er nu nog een 14k4 modem? ;-)
geplaatst op 15-03-2006 om 15:36 uur
Sander Zuidema
Paessler Webserver Stress tool: http://www.paessler.com/webstress
de centen meer dan waard, mits je hem vanaf een machine met een zware (100Mbit of meer) internetverbinding kunt draaien. Ideaal om de instellingen van een webserver te tweaken om soms tot een veelvoud van het aantal hits per seconde aan te kunnen dan een webserver in de oorspronkelijke instellingen kan.
geplaatst op 15-03-2006 om 16:25 uur
Olivier
@Marco: Precies, we mogen tegenwoordig toch wel aannemen dat men aan de breedband is. De laadtijd discussie is wat mij betreft een beetje jaren 90.
geplaatst op 15-03-2006 om 16:49 uur
Paul
Zijn er ook richtlijnen voor minimale inlaadtijd? Met andere woorden, wat is een acceptabele tijd?
geplaatst op 15-03-2006 om 17:12 uur
Gerben Dijkgraaf
De logica van Marco ontgaat me even. We hebben breedband dus we kunnen onzinnig omgaan met onze websites door deze onnodig zwaar te maken? Een website moet altijd snel laden, hoe sneller hoe beter en onzinnig gebruik van stylesheets / onnodig zware bestanden moet voorkomen worden. Niet alleen voor de eindgebruiker dus de lezer, maar het scheelt ook weer een behoorlijke slok op de borrel in het dataverkeer.
geplaatst op 15-03-2006 om 17:13 uur
Simon Koelewijn, Seems
@Marco: Wie heeft er nu nog een 14k4 modem? ;-)
Wie heeft er nu nog IE...? ;) Of surf je al in Firefox Marco? Anders heb je ook niets aan die webdev-bar. :p
geplaatst op 15-03-2006 om 17:18 uur
Marco Derksen, Upstream
@Gerben: ik heb niet gezegd dat laadsnelheid niet belangrijk is, ik reageerde alleen op de 14k4-modem. Als je mijn bericht hebt gelezen dan zie je juist dat ik wel waarde hecht aan snelle pagina's!
@Simon: hoeveel procent van de Nederlanders gebruiken ook al weer firefox? ;-)
geplaatst op 15-03-2006 om 17:20 uur
Marco Derksen, Upstream
@Paul: de eerder genoemde site http://www.websiteoptimization.com/speed/ geeft ook een aantal aardige richtlijnen vwb snelheid. Als vuistregel gebruikt men 8 +/- 2 sec.
geplaatst op 15-03-2006 om 17:27 uur
Ton
@Paul + Marco,
Voordat verwarring ontstaat over "minimale inlaadtijd" : websiteoptimisation.com stelt circa 8 seconden als maximale inlaadtijd. Des te sneller de pagina (of een gedeelte) op het scherm staat, des te beter uiteraard.
geplaatst op 15-03-2006 om 17:42 uur
Arash
Voor laadtijd op een Apache server is het .htaccess bestand een belangrijk element.
Denk niet dat er nog iemand is die een 14k4 modem heeft (flashback naar mijn BBS tijden ;)), misschien dat er nog mensen zijn met 56K.
Er zijn nog veel sites die een te hoge laadtijd hebben. Een voorbeeld is Emerce.nl
geplaatst op 15-03-2006 om 17:58 uur
Marco Derksen, Upstream
Heeft Fred niet al eens een lijstje gemaakt met overzicht van diverse laadtijden? Misschien aardig om de diverse marketingsites eens op een rijtje te zetten?
geplaatst op 15-03-2006 om 18:04 uur
Fred Zelders
Ik heb inderdaad wel eens een lijstje gemaakt. Dat was op 13 juni 2005 op frEdSCAPEs 0.1
Daar staat Marketingfacts ook bij, maar dan uiteraard nog met het vorige ontwerp.
Kijk op http://www.fzelders.nl/weblog/?p=1042
geplaatst op 15-03-2006 om 19:29 uur
Marco Derksen, Upstream
Dank voor de update Fred, ik kon me inderdaad de discussie herinneren maar niet zo snel terugvinden.
geplaatst op 15-03-2006 om 19:50 uur
Barry Kampstra
Microsoft heeft voor Internet Explorer ook een developer toolbar:
[urlhttp://www.microsoft.com/downloads/details.aspx?FamilyID=e59c3964-672d-4511-bb3e-2d5e1db91038&displaylang=en[/url]. Is soms ook wel handig..
geplaatst op 16-03-2006 om 10:30 uur
jan
Enige wat vertraagd zijn de advertenties, maar goed. Daar is een handig tooltje voor haha
geplaatst op 17-01-2010 om 11:33 uur
Plaats een reactie