Html website met preloader

Pro web-ontwikkeling
#1

Beste mensen,

Sinds een paar weken hebben we eindelijk onze website online.
Ik ben gewend van actionscript te schrijven, en we hebben voor html gekozen, dus het maken van de website uitbesteed.
Nu gaat het laden allemaal heel erg traag, er zitten nog maar iets van een 35 projecten in het portfolio, en je hebt al een verdomd snelle internetlijn nodig wil je niet te lang moeten wachten. De bedoeling is dat er op korte termijn een hoop projecten bij komen. Maar dit gaat het laden nog meer vertragen.

In flash kan je een hele website preloaden. Maar voor zover ik gelezen heb is dit in html eigenlijk niet nodig?
De website is een wordpress website, met een eigen theme errond. Heeft iemand een idee hoe we het laden kunnen versnellen? Kan er toch een preloader ingestoken worden?

www.parfois.be

Alvast bedankt,
Vriendelijke groeten,
Jonas

#2

Erm, die hele site word toch al gepreload? Een snelle blik op de web inspector bij het laden van de hoofdpagina:

[img:277ac50238]http://www.xs4all.nl/~nietz/FOK//ZZ02FEC276.jpg[/img:277ac50238]

Dat ding huft even doodleuk 16MB aan plaatjes binnen. :’).

#3

Oke, webinspector had ik nog niet bekeken. 16mb is natuurlijk veel te veel, daar moeten we iets aan doen! Hopelijk loopt het dan beter.

Moest het niet zo zijn dan horen jullie het wel.

Groeten
Jonas

#4

Denk dat je om te beginnen gewoon je map afbeeldingen wel kun hercomprimeren.

http://new.parfois.be/wp-content/uploads/2008/08/billy11.jpg

Zo’n plaatje hoeft natuurlijk nooit 330KB te zijn.

#5

Wauw, 16mb is wel een pittige website zeg :)

Ik denk (wat de bovenstaande posts ook aangeven) dat je inderdaad alle plaatjes
even goed moet comprimeren. Dat zal zeker een hoop schelen!
Daarnaast moet je even nagaan of je webserver/host niet aan de trage kant is. Dat kan
namelijk ook een hoop schelen.

Ik zie namelijk websites met véél meer dan 35 afbeeldingen die echt razendsnel laden,
en ook nog eens veel meer bezoekers hebben. Ga bijvoorbeeld maar eens naar
Deviantart.com, CGtalk.com, logopond.com, fffound.com enzo. Dus ik dénk dat het meer
aan de plaatjes zelf ligt dan aan de hoeveelheid ervan.

Succes in ieder geval! :slight_smile:

#6

Inderdaad, 16mb is verschrikkelijk veel. Waarschijnlijk moet er ook iets ingebouwd worden dat de vergrote versie van de plaatjes in het portfolio pas geladen wordt als je er op klikt.

M’n host zit normaal gezien wel goed, hij zit wel in spanje, maar de upload en download van de server gaat echt snel.

Ik hoop dat het veranderen van de plaatjes een groot verschil maakt, anders ga ik toch naar nieuwe oplossingen moeten zoeken. Een website die 2 minuten moet laden is nu niet bepaald uitnodigend.

Jonas

#7

Save for web vanuit photoshop om al je jpg's of gifs te comprimeren. Dat gaat al veel doen denk ik.

#8

Ok, ik denk dat het zonder preloader ook gelukt is om het op te lossen. Zouden jullie eens kunnen kijken of de laadsnelheid beter is zo?

www.parfois.be

Vriedelijke groeten,
Jonas

#9

Duurt nog steeds aardig lang :/

http://www.parfois.be/wp-content/uploads/2008/10/1.jpg (66kb)
Als ik die omzet naar gif met bv 64 kleuren, zie ik totaal geen verschil maar hij wordt wel 21kb.

Oh en Wordpress is ook niet de snelste dus ik denk dat het beste wat je kan doen is de zwaarte van je plaatjes zo klein mogelijk proberen te maken.

#10

Heb je wel eens gekeken naar Mootools? Daar zit een functie in waarmee je plaatjes kunt laden nadat je pagina geladen is: http://demos111.mootools.net/DomReadyVS.Load

#11

[quote:fb3bad38b9="dev10"]Heb je wel eens gekeken naar Mootools? Daar zit een functie in waarmee je plaatjes kunt laden nadat je pagina geladen is: http://demos111.mootools.net/DomReadyVS.Load[/quote:fb3bad38b9]

Is ook in het prototype framework opgenomen: http://www.prototypejs.org/api/document/observe