[CSS/HTML] Pagina laadtijden

[Triumph-Design]

Hallo,

Mij is gevraagd de snelheid van een website m.b.t. het laden in IE te analyseren en te versnellen.

In Firefox is de website in mijn opinie snel geladen, als je nagaat dat de website nog steeds helaas bestaat uit tabellen.

In IE laad eerst de bovenkant, het logo, leaderboard advertentie en het menu (dat wel in CSS is overigens).

Dan lijkt het er op dat IE wacht tot de rest van de site geladen is en toont het dan in zijn geheel na ongeveer 2 seconde.

We zijn op zoek naar short-wins. Dat de website vol zit met kleine dingen als <font> tags en inherited css dingen zijn geen short wins als je 3000 regels code moet doorspitten om dingen te veranderen.

Heeft iemand een tip, ziet iemand een short-win, mijn dank zou groot zijn.

[ Voor 5% gewijzigd door Triumph-Design op 18-02-2009 17:23 ]

[crisp]

Installeer Firebug en YSlow in Firefox en analyseer je site daarmee; ik zie meer dan genoeg punten waar je de clientside experience behoorlijk mee kan verbeteren

[mcDavid]

Google eens op 'Progressive table rendering' en IE. Dan begrijp je waarom IE er zo lang over doet.

De oplossing: Geen tables gebruiken.

[Janoz]

Tja, zolang alles in een tabel blijft staan zal IE het in een big bang (dus pas wanneer alles binnen is) weer gaan geven. Quick wins zul je dus niet snel vinden zolang je niet van de tabellen af wilt stappen.

[crisp]

Mwa, die table is het ergste niet, maar als je vervolgens binnen die table weer externe javascript gaat ophalen (dat blokkeert het verder renderen totdat de javascript geheel is ingeladen, geparsed en uitgevoerd) dan wordt het al snel traag, zeker als die JS van een trage (banner)host moet komen (en ook niet gecached wordt dus).

Tel daarbij op het enorme aantal externe resources dat ingeladen wordt - veelal ook uncompressed (zelfs de HTML is niet compressed) èn van dezelfde host (dus je hikt constant tegen het max aantal client connecties aan, en voor IE7 is dat nog 2(!)).

[ Voor 4% gewijzigd door crisp op 18-02-2009 16:50 ]

[mcDavid]

ja je kunt je idd beter afvragen wat er níét aan mankeert... Yslow zal idd een hoop inzicht geven.