Hoe snel laadt jouw website?
Marco Derksen (Upstream) | @marcoderksen
Usability & Design,
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?
Meer van deze auteur
- Bram Koster nieuwe communitymanager Marketingfacts 6 januari 2012, Marco Derksen
- Groupon in de problemen voor beursgang 24 september 2011, Marco Derksen
- Before the Bubble Drink 2011 in Escape Amsterdam 25 augustus 2011, Marco Derksen
- Wat moet het aandeel internet zijn voor een uitgever om te overleven? 12 augustus 2011, Marco Derksen
- Vacature: Marketingfacts zoekt Communitymanager 16 juli 2011, Marco Derksen
Meer uit deze rubriek(en)
- Nieuw op Marketingfacts: Siteclinics 7 februari 2012, David Brinks
- Het belang van ‘n goede gebruikerservaring voor marketing 7 februari 2012, Yura van Winden
- “A brand IS what people THINK it is” – een branding les van #eChick 27 januari 2012, Thomas Marzano
- Het App-Effect > Sociaal is het nieuwe Kapitaal 24 januari 2012, Jaap_Bloem
- 5 tips om de laadtijd van je site te verbeteren 23 januari 2012, Danny Oosterveer
eer
RSS?
Web Page Speed Report
http://www.websiteoptimization.com/cgi-bin/wso/wso.pl?url=http://www.marketingfacts.nl/berichten/hoe_snel_laadt_jouw_website/
Warning! Warning! Warning! :-)
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.
Zo te zien BIJNA simultane reactie van Tinus en mij. Tinus was eerder klaar (maar hij had ook minder tekst te tikken).
:-)
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.
Blij dat ik geen 14k4 modem heb: 153.48 seconds voor deze pagina...
Wie heeft er nu nog een 14k4 modem? ;-)
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.
@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.
Zijn er ook richtlijnen voor minimale inlaadtijd? Met andere woorden, wat is een acceptabele tijd?
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.
@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
@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? ;-)
@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.
@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.
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
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?
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
Dank voor de update Fred, ik kon me inderdaad de discussie herinneren maar niet zo snel terugvinden.
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..
Enige wat vertraagd zijn de advertenties, maar goed. Daar is een handig tooltje voor haha