[JS] image preload vergt dataverkeer

[jbweb]

We hebben een site met een klein rotatie systeempje voor logo's.
Om de 5 seconden wordt het logo vernieuwd. Op dit moment zijn er 3 logo's maar deze zijn door klanten zelf uploadbaar.

Om dataverkeer te sparen preloaden we deze logo's op een (redelijk) standaard manier:

JavaScript:

imgLogo = new Array();
imgLogo[0] = new Image();
imgLogo[0].src = "images/logo1.png";
imgLogo[1] = new Image();
imgLogo[1].src = "images/logo2.jpg";
imgLogo[2] = new Image();
imgLogo[2].src = "logo3.gif";

Nu blijkt er iemand 24 uur per dag de homepage van deze site open te hebben (joost mag weten waarom) en dat zien we de afgelopen tijd in de dataverkeer
Via webalizer kunnen we zien dat de homepage 80% van de dataverkeer opvraagt en dat het verkeer 24 uur per dag hoog ligt.
Daarnaast staat in de apache logs steeds de URL van deze logo's.

Werkt de preload niet, iemand een idee?

[Verwijderd]

Controleer de HTTP headers die je webserver meestuurt. Als die niet helemaal lekker zijn, wil de user agent toch elke keer de laatste versie van het plaatje.

Op deze manier preloaden bespaart overigens helemaal geen dataverkeer.

[jbweb]

Verwijderd schreef op maandag 29 oktober 2007 @ 20:51:
Op deze manier preloaden bespaart overigens helemaal geen dataverkeer.

Zijn er manieren die wel dataverkeer bespraren?

[ Voor 25% gewijzigd door jbweb op 29-10-2007 21:02 ]

[Verwijderd]

Alleen de juiste headers meesturen, en hopen dat de clients zich daar een beetje aan willen houden.

[jbweb]

De juiste headers meesturen... graag...
uhhh... hoe doe ik dat?
vast een beetje onnozele vraag, maar heb niet echt een idee hoe dat te doen

[krvabo]

jbweb schreef op maandag 29 oktober 2007 @ 21:02:
[...]


Zijn er manieren die wel dataverkeer bespraren?

<img src="bla" id="image1"><img src="bla2" id="image2"><img src="bla3" id="image3">

JavaScript:

document.getElementById('image1').style.display = none;
document.getElementById('image2').style.display = none;
document.getElementById('image3').style.display = block;

Zoiets.

[djluc]

Dat zijn instellingen op de server. Dat hangt dus af van de Apache of IIS configuratie en is niet zozeer een programmeer probleem.

[TeeDee]

Je zal een "HTTP/1.1 304 Not Modified" moeten verzenden. Hoe je dat in PHP via Apache doet mag je zelf uitvogelen

[ Voor 7% gewijzigd door TeeDee op 29-10-2007 21:23 ]

[djluc]

TeeDee schreef op maandag 29 oktober 2007 @ 21:14:
Je zal een "HTTP/1.1 304 Not Modified" moeten verzenden. Hoe je dat in PHP doet mag je zelf uitvogelen

Je gaat toch niet je standaard afbeeldingen via PHP versturen hoop ik?!

[TeeDee]

djluc schreef op maandag 29 oktober 2007 @ 21:21:
[...]
Je gaat toch niet je standaard afbeeldingen via PHP versturen hoop ik?!

Mjah, bedoel ook eigenlijk dat je dat in Apache moet regelen.

Edit: in IIS is het "Enable Content Expiration".

[ Voor 9% gewijzigd door TeeDee op 29-10-2007 21:24 ]

[Marijn_S]

krvabo schreef op maandag 29 oktober 2007 @ 21:13:
[...]


<img src="bla" id="image1"><img src="bla2" id="image2"><img src="bla3" id="image3">

JavaScript:

document.getElementById('image1').style.display = none;
document.getElementById('image2').style.display = none;
document.getElementById('image3').style.display = block;

Zoiets.

Zou zeker deze methode doen. Dan heb je niet continue requests op de server, of hij nou gecached is of niet.

[jbweb]

"HTTP/1.1 304 Not Modified" klopt al in Apache, maar lijkt dus niet te werken.

Er zit denk ik niets anders op dan de oplossing van krvabo

[LauPro]

jbweb schreef op maandag 29 oktober 2007 @ 20:49:
Nu blijkt er iemand 24 uur per dag de homepage van deze site open te hebben (joost mag weten waarom)

Ik ben een van die users, mijn workstation staat 24/7 aan. En heb vaak zat 30+ sites open staan (in tabs) en die sluit ik echt niet allemaal als ik ga slapen of paar dagen weg ben. Kan maar zo zijn dat ik sommige sites weken op heb staan.

Verder is de oplossing via CSS het meest elegante denk ik, zijn ook al wel kant en klare scriptjes voor.

[ Voor 3% gewijzigd door LauPro op 30-10-2007 00:48 ]

[RobIII]

Wat doet dit in PRG?
PRG >> WEB

Waar hoort mijn topic?