Hallo allemaal,

Ik ben bezig met een site te maken die de gebruiker vanuit verschillende landen aan gaat roepen.
Nu is de site best een zware website (300-400Kb).

Geen probleem als de gebruiker in Nederland zit maar sommige landen hebben niet al te snel internet.

daarom heb ik ook een light versie gemaakt die 75kb is.
Maar nu wil ik dus iets maken waarbij, als het laden te lang duurt, automatisch wordt overgeschakeld op de light versie.

De vraag is dus. Hoe kan ik detecteren of de verbinding traag is?

Op veel sites(zoals google) zie je het aantal seconde dat heeft gekost om de pagina te laden. Als dit aantal seconde groter is dan X(wat je zelf mag kiezen) dan kan je een popup laten zien die de gebruiker naar de light versie verwijst als deze gebruiker dat wilt.

Ja maar op dat moment is de website dus al gedownload.

Ik moet iets bedenken dat dit controleerd vóór het laden van een pagina of tijdens het laden.
Achteraf maakt niet meer uit. De website bestaat bijna voor 100% uit ajax. Dus als de pagina layout eenmaal is geladen maakt het niet meer uit.

Achteraf kan toch wel uitmaken? Als het voor een gebruiker lang duurt om te laden, kan je bijvoorbeeld doen:
Laad het te langzaam? Stap over naar light versie, en dan gewoon een cookie dat elke keer als die bezoeker je website bezoekt die op de light versie zit.

Ja dat is weer interessant voor een bezoek ná het eerste bezoek.
Maar de website is voor rondtrekkende reizigers. Die zitten 1x in een internet cafe en komen er vervolgens nooit weer.

Het kan met javascript maar is zwaar onbetrouwbaar met tests kwam ik uit op 2Mbit wat niet bepaald klopt heb namelijk 33Mbit.

Probeer je images te optimaliseren en eventueel met css sprites te werken en de kwaliteit wat naar onderen te brengen naar 80% bijvoorbeeld het verschil is bijna niet te zien.
Tevens kun je nog de tabs uit je html halen bijvoorbeeld met php voordat je het naar de browser stuurt. Hetzelfde kan met css en javascript bestanden

Wat maakt de website vooral zwaar?
Als dat de plaatjes zijn zou je eerst de slechte kwaliteit plaatjes kunnen laten openen en als de pagina klaar is met laden laat je met javascript de echte plaatjes inladen.

De site is zwaar door de achtergrond die uit een afbeelding bestaat.
Zie: http://tinyurl.com/69fn5fl.
Ik heb dus nu een preloader die de afbeeldingen inlaadt en een "progress balk" laat zien.
Als het de gebruiker te lang duurt kan deze zelf op een link naar de light versie klikken.
Dus wat dat betreft is dit zo goed als opgelost.

Je kunt ook gewoon de achtergrond instellen als de pagina klaar is met laden.
Ben je van alles af.