interakció sebesség

voobang, 2009, május 17 - 07:17

"Nielsen az oldal leötltésének ideális sebességét egyszerűen az ember interakció-érzetére alapozva állapítja meg.

Minél rövidebb a válaszidő, annál folyamatosabbnak érzi a felhasználó az oldallal való kapcsolattartást, nem csökken a felhasználói élmény, szívesebben marad. Minél többet kell várnia, annál kevésbé szívesen marad."

interakciós felépítés, információs struktúra

 

Az interakciósebességet befolyásoló erőforrások:
 
Szerver és a szerveroldali forráskód:
Az áruház nagyon leegyszerűsítve egy hatalmas feltételrendszerből, adatbázisból és a megjelenésért felelős frontendből áll. Összesen 2500 fájl képek és termékfüggő tartalom nélkül. A felhasználó által látott webáruházat ezekből a fájlokból a felhasználó által küldött kérések alapján a szerver állítja össze, így tehát könnyen belátható hogy az optimális, gyors programkód és a mindezt gyorsan feldolgozni képes szerver elsőrangú fontosságú. Jelenleg a főoldal 35KB méretű (egy 1 oldalas word dokumentum valószínűleg kétszer ekkora méretű) és 0.12 másodperc alatt töltődik le, ami igencsak jónak mondható. Ezután jönnek a képek, melyeket szintén optimalizálni kell, de később látni fogjuk, hogy ez számít legkevésbé a mai sávszélességek mellett.
Miután a szerveren előállítottuk az oldalt, el kell azt vinni a felhasználóhoz, majd a felhasználó gépének fel kell dolgoznia.
 
Sávszélesség:
Jelenleg a virtualdepo.hu szervere 1000megabit sebességre képes. Ez azt jelenti, hogy ha a fenti számítást alapul vesszük, és hozzáadjuk a képek méretét (kb 220KB) akkor 2 tizedmásodpercen belül 4000 kérésnek kell érkeznie a szerverre hogy ez ne legyen elég. Ez persze így egy elég nagy leegyszerűsítése a dolognak, de a nagyságrendek miatt tökéletesen megfelel a szemléltetéshez, hiszen számoljunk:
Ez a tempó óránként 72 millió oldalletöltést enged.. Az index.hu-t naponta 23 816 874 alkalommal töltik le.¹
A sokszoros nagyságrendi különbségek miatt az adatok akkor is helytállóak lennének ha a fenti számolással hibákat vétettem volna.
A felhasználó sávszélessége lehet a szűk keresztmetszet, azonban egy közepes adsl-llel (4 Mbit), másodpercenként 80-szor lehet letölteni az áruház oldalait, így azt hiszem bizonyítást nyert hogy az oldal és a képek mérete magasan felülmúlja a velük szemben reálisan támasztható követelményeket.
A tényleges sebességet befolyásoló tényező ezek után sajnos nem a mi kezünkben van.
Minden a felhasználó számítógépén és böngészőjén múlik.
Vagy mégsem?
 
Felhasználó technikai környezete:
Ha ismerjük valamelyest a böngészők renderelési folyamatát, -és ismernünk kell, mert fontos része a kommunikációs csatornának, nem engedhetjük meg magunknak hogy figyelmen kívül hagyjuk- akkor tudunk olyan html kódot generálni amit a felhasználó gyenge gépe is gyorsan fog tudni megjeleníteni. Erre természetesen törekednünk kell, hiszen csak így tartható -nagyobb részben- kézben a teljes folyamat.
Használjunk tehát div elemeket table helyett és stíliuslapokat a beágyazott stíluselemek helyett. Ennek eredménye a villámgyors renderelés, villámgyors megjelenés, és a teljes folyamat vége a rendkívül magas interekció-sebesség.
 
Az interakciósebesség tehát nem csupán egy jól hangzó kifejezés, hanem egy komoly, szakmai és technikai kihívást jelentő elvárás.
 
A következő grafikonon jól látszik, hogy február óta milyen eredményt hozott az optimalizálás. Természetesen közben egyéb fejlesztés is történt, kerültek be új funkciók, amik lassították az oldal előállítását. Az optimalizálás ezzel párhuzamosan zajlott, de látszik, hogy a tendencia mindenképp jó irányt mutat a bővülő funkciók ellenére is.
 
Oldalletöltések ideje millisecundumban. Forrás: Google webmester eszközök, 2009. 05. 17.
 
¹ Forrás: index.hu, hivatkozva: Medián Webaudit 2007-2009. Az adatok a munka- és szabadnapok átlagát figyelembe véve napi forgalmi számokat jelentenek, havi átlagban.
 

time wget -p-vel 0.265sec alatt jön le minden

59 file, 489KByte.

Viszont a cache miatt nem jönnek le mindig, csak az első letöltésnél, tehát a hazsnálat során 40Kbyte körüli a forgalom a főoldalesetén

Termékoldal 0.175sec -p-vel