[Java lista] Javascript letöltése AJAX-szal

[Gergely Hodicska]

> Azt vonom ketsegbe, hogy akkora speedup lenne a javascript betoltesi 
> korulmenyeinek optimalizalasa.
Hát ezt nem érdemes kétségbe vonnod :), ez tény. Nem is annyira az adott 
fájl mérete a sázmottevő (bár ez is sokat számít), hanem az oldalhoz 
használt letöltendő objektumok (flash, js, css, képek stb.) száma.

Kb. az oldal rendereléséből az az idő, amíg a szerver kiköpi neked a 
HTML kódot (egy átlag weboldal esetén) az kb. 15-20%. Tehát szénné 
optimalizálhatod a szerver oldalt, ha a frontended nem optimális, 
ráadásul ott ennek a 80%-nak ugrasz neki, amiből jócskán lehet faragni.

Eleve a böngésző csak két szálon szed egy domainről, de JS esetében ez 
még rosszabb, mert amíg JS-t tölt le, addig más nem. Ezért is illik 
(persze ha egyéb ok miatt nem kell hamarabb) a JS-t a záró body tagnél 
behúzni. Plusz vannak olyan esetek is (alap: nem headben behúzott CSS), 
amikor rossz frontend szervezéssel megakadályozod a progresszív 
renderelést, ezáltal a user jóval lassabb kap visszajelzést, mint amire 
amúgy lehetőség lenne kicsit okosabb szervezéssel.

Kb. alap dolgok, hogy a JS-eket szépen össze lehet csomagolni, CSS-ek is 
mehetnek egybe, valamint design képek esetén is lehet CSS sprite-ot 
használni.

Nézd meg, hogy pl. milyen lassan tud bejönni a facebook, pedig hát elég 
spártai a design-ja.


Üdv,
Felhő