pond∞lφ, 15. prosinec 2003
Moji Φtenß°i otevφrajφ hodn∞ oken
P°ibli╛n∞ polovina otev°en²ch strßnek konΦφ sv∙j ╛ivot na obrazovce zav°enφm okna prohlφ╛eΦe. Zjistil jsem to anal²zou °φjnovΘho chovßnφ u╛ivatel∙ na n∞kter²ch m²ch strßnkßch.
Javascriptovß udßlost onUnload se spou╣tφ ve chvφli, kdy prohlφ╛enou strßnku v prohlφ╛eΦi nahrazuje strßnka jinß. Stßvß se tak bu∩ v p°φpad∞, ╛e u╛ivatel klikne na odkaz a novß strßnka se otev°e ve stejnΘm okn∞, nebo po stisknutφ tlaΦφtek back, forward, home, p°i aktualizaci strßnky apod. Udßlost onUnload se nespou╣tφ p°i zav°enφ okna prohlφ╛eΦe, prost∞ se to nestihne. (Test udßlosti onload.)
Do statistik jsem si sledovßnφ udßlosti unload p∙vodn∞ p°idal, abych mohl sledovat Φasy opu╣t∞nφ strßnek (co╛ asi d∞lat nakonec nebudu). Teprve dnes jsem si ale v╣imnul, ╛e pßr d∙le╛it²ch v∞cφ vychßzφ u╛ pouze z procentnφho zastoupenφ tΘto udßlosti. To zastoupenφ je asi 52% v²skytu udßlosti onUnload v objemu v╣ech spu╣t∞nφ strßnek (asi deset tisφc sledovan²ch spu╣t∞nφ). Jinak °eΦeno 48% strßnek skonΦφ zav°enφm prohlφ╛eΦe. Nemluvφm te∩ o oknech, u t∞ch je jasnΘ, ╛e se n∞kdy zav°ou. Mluvφm o strßnkßch.
Mo╛nß tady d∞lßm n∞jakou hrubou chybu. Mo╛nß se udßlost onUnload NEspou╣tφ i v jin²ch p°φpadech, ne╛ je zav°enφ okna prohlφ╛eΦe. Ale ╛ßdnΘ moje testy to nenaznaΦujφ (pomφjφm spadnutφ systΘmu). Sledovßnφ jsem omezil na prohlφ╛eΦ IE 6 (v odvozen²ch prohlφ╛eΦφch typu MyIE to odpovφdß zav°enφ tabu). Tak╛e proΦ je t∞ch 48% tak v²znamn²ch? Dßm p°φklad:
Z jin²ch statistik vφm, ╛e pr∙m∞rn² u╛ivatel si na mΘm webu prohlΘdne asi tak ╣est strßnek. Na tuto pr∙m∞rnou nßv╣t∞vu p°ipadajφ t°i zav°enß okna! Co╛ znamenß, vzato selskou logikou, ╛e dv∞ strßnky si u╛ivatel otev°el do novΘho okna. Navφc n∞kam potom pravd∞podobn∞ ode╣el (dal╣φ bod pro onUnload), tak╛e vlastn∞ t°i novß okna. To mi p°ijde hodn∞. (M∙╛e to b²t v²jimeΦnostφ m²ch u╛ivatel∙, ale jsou to moji u╛ivatelΘ, a tak m∞ zajφmajφ. Ale hlavn∞ nemßm d∙vod myslet si, ╛e by byli n∞jak v²jimeΦnφ.)
Jak u╛ivatelΘ opou╣t∞jφ strßnky
Potvrzenφ tΘto teorie z jinΘho sm∞ru (p°es udßlost onBlur) se budu v∞novat jindy (vypadß to nad∞jn∞). Nynφ rozeberu udßlost onUnload je╣t∞ vφce do hloubky, to u╛ mo╛nß nebude tak zajφmavΘ. Z m∞°enφ mßm Φasy prvnφch v²skyt∙ udßlostφ. Srovnal jsem si k sob∞ p°φpady:
- Kdy╛ u╛ivatel na strßnku kliknul t∞sn∞ p°edtφm, ne╛ se spustila udßlost onload, to je jasnΘ kliknutφ na odkaz do stejnΘho okna.
- Pokud se spustila udßlost onunload bez kliknutφ do strßnky, je jasnΘ, ╛e ╣lo o tlaΦφtko z nßstroj∙ (myslφm, ╛e back bude nejΦast∞j╣φ) nebo zapsßnφ novΘ adresy.
- Jsou ale i p°φpady, kterΘ neumφm odli╣it a m∙╛ou znamenat jak kliknutφ na odkaz, tak tlaΦφtko zp∞t. Asi spφ╣ kliknutφ.
- No a pokud se onunload v∙bec neobjevφ, je to zabitφ browseru.
Co vede k opu╣t∞nφ strßnky:
Zabitej znamenß zav°enφ prohlφ╛eΦe. Back je n∞jakΘ tlaΦφtko (nejΦast∞ji asi zp∞t) nebo p°φm² zßpis jinΘ adresy. Odkliknul zachycuje situace, kdy ihned po kliknutφ do╣lo k udßlosti onunload. Asi odkliknul m∙╛e znamenat cokoli krom∞ zav°enφ prohlφ╛eΦe.
Stejn∞ jako v minulΘ anal²ze (rolovßnφ koleΦkem) ze sledovan²ch strßnek v²razn∞ vyΦnφvß strßnka rozcestnφk CSS (css_uvod.htm). Obsahuje v zßsad∞ pouze seznam odkaz∙ a narozdφl od ostatnφch strßnek na nφ nenφ nic moc na Φtenφ. LidΘ z nφ moc necouvajφ, spφ╣ klikajφ. Strßnka zvuky.htm je zvlß╣tnφ tφm, ╛e obsahuje spoustu cviΦn²ch zvukov²ch objekt∙, kterΘ patrn∞ spou╣t∞jφ udßlost onunload n∞jak Φasto.
Z grafu je vid∞t, ╛e na m²ch strßnkßch u╛ivatelΘ Φasto zavφrajφ prohlφ╛eΦ. Pokud nerozli╣enΘ p°φpady odhadem rozd∞lφm, pak ve Φtvrtin∞ p°φpad∙ klikajφ na odkazy do stejnΘho okna a ve Φtvrtin∞ asi maΦkajφ tlaΦφtko zp∞t (ale m∙╛e to b²t i p°φm² zßpis adresy do prohlφ╛eΦe).
Φtvrtek, 11. prosinec 2003
O koleΦku vφm mßlo
KoleΦko my╣i dokß╛e v Internet Exploreru znep°φjemnit vypl≥ovßnφ formulß°e. Pokud vyberete n∞jakou volbu z rozbalovacφ nabφdky (html tag <select>) a zatoΦφte koleΦkem, abyste se dostali na strßnce nφ╛, mφsto odrolovßnφ strßnky se zm∞nφ vybranß hodnota v nakliknutΘm menu. (Na rolovacφ nabφdce toti╛ z∙stßvß focus.) U╛ivatelΘ si toho Φasto ani nev╣imnou a vyplnφ formulß° chybn∞. Mn∞ to t°eba docela vadφ. A i kdy╛ si necht∞nΘ zm∞ny v╣imnu, hodn∞ m∞ to zdr╛uje.
Marek Prokop m∞ po mΘm Φlßnku o rolovßnφ koleΦkem upozornil, ╛e n∞kde Φetl kodΘrsk² postup, jak to u╛ivatel∙m usnadnit. P°ipravil jsem tedy ukßzku vypnutφ rolovßnφ rozbalovacφ nabφdky. Jde o maliΦk² javascriptov² trik onmousewheel="return false". D∞sn∞ se mi to lφbilo a rozhodl jsem se, ╛e to budu dßvat do v╣ech select∙.
Prastarß pravda °φkß, ╛e nenφ nic jako pr∙m∞rn² u╛ivatel. Co jeden obdivuje, druhΘmu vadφ. Po dvou dnech se mi ozval Ji°φ Macich, jestli to jako myslφm vß╛n∞:
A to myslφ╣ vß╛n∞ ? No nevφm, jak zbytek sv∞ta, ale jß roluju koleΦkem v╣echno, co jde. Zvlß╣t∞ pak na internetu. Osobn∞ si nedovedu p°edstavit, ╛e kv∙li n∞jak²m trdl∙m, co neznajφ princip fokusu, mi nep∙jde koleΦko. ... Jß roluji v╣e - i selectovΘ prvky. (Ji°φ Macich ml., v²≥atky z mail∙)
Tak te∩ nevφm. Co vy? Vadφ vßm rolovßnφ formulß°ov²ch prvk∙ koleΦkem, nebo ho vyhledßvßte? Napi╣te mi prosφm, nebo se vyjßd°ete v anket∞ (hlasovßnφ nezp∙sobφ znovunaΦφtßnφ strßnky). Dφky.
Lukß╣ Mi╛och o ODP
Neobvykle obsßhl² Φlßnek na Intervalu popisuje Open Directory Project. ODP je n∞co jako mezinßrodnφ Seznam, ale nekomerΦnφ. Lukß╣ Mi╛och je jeho skalnφm redaktorem, dokonce o ODP pφ╣e blog. V n∞m tento Φlßnek u╛ del╣φ dobu avizoval (text byl pozdr╛en v redakci).
V²sledky z ODP p°ebφrajφ jinΘ katalogy a vyhledßvaΦe, mj. Google. Existujφ i jazykovΘ v∞tve. Redakto°i katalogu pracujφ zadarmo. StaΦφ dob°e rozum∞t n∞jakΘmu oboru, p°ipravit si z toho oboru t°i strßnky s popisky a m∙╛ete se stßt redaktorem.
Prßce pro ODP je prßce neplacenß, provozovanß z ΦistΘho entuziasmu. Svou Φinnostφ pomßhßte vytvß°et presti╛nφ katalog webov²ch strßnek, globßln∞ pak pomßhßte jin²m u╛ivatel∙m Internetu. Odm∞nou vßm bude zadostiuΦin∞nφ z dob°e vykonanΘ prßce. (Lukß╣ Mi╛och, interval.cz)
ned∞le, 7. prosinec 2003
V∞t╣ina u╛ivatel∙ roluje koleΦkem
Vypl²vß to z m∞°enφ, kterΘ jsem d∞lal na strßnkßch Jak psßt web b∞hem °φjna. Na t°inßct strßnek jsem umφstil javaskript zachycujφcφ chovßnφ u╛ivatel∙ do logu. K propoΦφtßnφ v²sledk∙ jsem se dostal a╛ nynφ. Zajφmav²ch v∞cφ vy╣lo hodn∞, dnes se zamyslφm nad rolovßnφm u╛ivatel∙.
Klasickß pouΦka webdesignu °φkß "d∞lejte strßnky krßtkΘ, u╛ivatelΘ neradi rolujφ". Je to hodn∞ starß rada a u╛ neplatφ. Mo╛nß je teda m∙j web v²jimeΦn², to nevφm, ka╛dopßdn∞ ze Φty° zobrazen²ch strßnek se neroluje jenom jedna (roluje 76%).
Javascriptovß udßlost onmousewheel umo╛≥uje zjistit, ╛e u╛ivatel toΦφ koleΦkem my╣i. Aby v²sledky nebyly zkresleny systΘmovou chybou, poΦφtal jsem pouze p°φstupy z prohlφ╛eΦe IE 6 (70% u╛ivatel∙). Nesledoval jsem, kolikrßt u╛ivatelΘ na strßnce rolovali nebo toΦili koleΦkem, ale zda tak uΦinili alespo≥ jednou. Nßsledujφcφ tabulka ukazuje v procentech rolovacφ ·daje pro jednotlivΘ strßnky.
| strßnka | rolovßnφ strßnky | toΦenφ koleΦkem | pom∞r wheel/scroll |
|---|---|---|---|
| css_uvod.htm | 59% | 30% | 51% |
| jak_udelat.htm | 91% | 48% | 53% |
| pozadi.htm | 83% | 47% | 56% |
| css_prakticky.htm | 88% | 53% | 61% |
| obrazky.htm | 83% | 43% | 52% |
| publikovani.htm | 77% | 43% | 55% |
| barvy_zapis.htm | 85% | 46% | 54% |
| filtry_priklady.htm | 85% | 57% | 68% |
| formulare.htm | 88% | 49% | 56% |
| meta_tagy.htm | 80% | 52% | 65% |
| google.htm | 83% | 45% | 54% |
| zvuky.htm | 85% | 55% | 64% |
| ramy_detaily.htm | 83% | 51% | 62% |
| Celkem | 76% | 42% | 55% |
55% u╛ivatel∙, kte°φ rolovali, toΦili na strßnce koleΦkem. Z dal╣φch dat, kterß mßm k dispozici, je patrnΘ, ╛e tak v∞t╣inou d∞lali v prvnφch sekundßch zobrazenφ strßnky. 76% strßnek rolovalo, co╛ mi p°ijde hodn∞, proto╛e (takΘ z dal╣φch dat) vφm, ╛e minimßln∞ 10% u╛ivatel∙ strßnky opou╣tφ v prvnφch sekundßch bez jakΘkoli akce.
LogickΘ je, ╛e procenta rolovßnφ a toΦenφ koleΦkem pro jednotlivΘ strßnky korelujφ (korelaΦnφ koeficient 78%). Vzal jsem celkem velkou mno╛inu m∞°enφ (10 tisφc zobrazenφ na t°inßcti strßnkßch), na nφ╛ u╛ je z°ejmΘ, ╛e se chovßnφ u╛ivatel∙ na jednotliv²ch strßnkßch evidentn∞ li╣φ. Jinak °eΦeno nezßle╛φ pouze na u╛ivateli, ale takΘ na strßnce. Obzvlß╣t∞ vyΦnφvß strßnka rozcestnφk kaskßdov²ch styl∙ (css_uvod.htm), kterß mß nejmΘn∞ procent rolovßnφ. Nßhodou mß ale zase nejvφce kliknutφ, co╛ odpovφdß charakteru strßnky (rozcestnφk). Je to dob°e patrnΘ, kdy╛ spolu s kliknutφmi (v tabulce neuveden²mi) hodnoty vynesu do grafu:
Graf zachycuje pom∞r rolovßnφ, klikßnφ a toΦenφ koleΦkem na jednotliv²ch strßnkßch.
Pokud vßm 55% podφl rolovßnφ koleΦkem p°i skrolovßnφ p°ipadß mal², pak je╣t∞ musφm p°ipomenout dv∞ v∞ci.
- Jednak na m∞°en²ch strßnkßch pou╛φvßm odkazy na #zßlo╛ky (po jejich╛ kliknutφ dojde takΘ k rolovßnφ; vysokß korelace ale ukazuje, ╛e to v²sledky moc neovlivnφ),
- ale hlavn∞ nemßm ╛ßdnou mo╛nost zjistit, jestli u╛ivatel v∙bec koleΦko na my╣i mß.
Procenta toΦenφ koleΦkem tedy ne°φkajφ, kolika procenty existujφcφch koleΦek je toΦeno, ale kolik u╛ivatel∙ mΘho webu koleΦko v∙bec pou╛φvß. Nam∞°enß Φφsla mi p°ijdou hodn∞ optimistickß.
st°eda, 3. prosinec 2003
Centrum doladilo odtuΦn∞nφ
Kdy╛ jsem nedßvno komentoval zm∞nu hlavnφ strßnky portßlu Centrum.cz, upozor≥oval jsem na promarn∞nφ zajφmavΘ my╣lenky. KodΘ°i Centra Φßsti strßnek p°esunuli do externφch javascript∙ s cφlem urychlit naΦφtßnφ. Kdyby se toti╛ ty javascripty cacheovaly s dlouhou dobou expirace, nemusel by si pro n∞ klient znovu sahat, Φφm╛ by se naΦφtßnφ hlavnφ strßnky ve v∞t╣inov²ch prohlφ╛eΦφch opravdu podstatn∞ urychlilo a objemy p°enß╣en²ch dat by byly ni╛╣φ. Jenom╛e cacheovßnφ externφch javascript∙ nebylo na serveru dob°e nastaveno, a tak se strßnka naopak p°enß╣ela a zobrazovala dΘle, pomaleji a slo╛it∞ji.
Dnes jsem se pro kontrolu dφval do cache sv²ch prohlφ╛eΦ∙ a zmi≥ovanΘ soubory skript∙ jsem tam u╛ nalezl. Nejstar╣φ m∞l datum sta╛enφ 25. 11., tedy n∞kolik dnφ po spu╣t∞nφ "odlehΦenΘ" verze. Admini evidentn∞ cacheovßnφ skript∙ p°enastavili. Co myslφte, mßm jim poslat fakturu za konzultaΦnφ slu╛by?
Ale te∩ vß╛n∞ :-) Vpisovßnφ obsahu do strßnek javascriptem je mo╛nß funkΦnφ °e╣enφ, rozhodn∞ v╣ak ne univerzßln∞ ╣╗astnΘ. Sv∙j v²znam mß pouze ve slo╛it²ch technick²ch podmφnkßch. Co╛, p°ipustme, je p°esn∞ p°φklad hlavnφ strßnky portßlovΘ dvojky ΦeskΘho internetu. Za cenu velkΘ ztrßty popularity ve vyhledßvaΦφch a zoufale slo╛it∞j╣φ konstrukce strßnky se HP Centra nynφ stala nejrychlej╣φm Φesk²m portßlem.
Souvisejφcφ: Centrum.cz dokß╛e vykouzlit ∩ßbelskΘ barevnΘ kombinace, weblog Sovy v sφti.
Centrum propadlo javascriptu, tento blog.
pond∞lφ, 1. prosinec 2003
P°idßvßnφ odkaz∙ do Jyxa
╚esk² vyhledßvacφ server Jyxo zp°φstupnil strßnku, na nφ╛ m∙╛ete p°idßvat do databßze Jyxo novß url. Doposud bylo jedinou mo╛nostφ Φekat, a╛ si crawler Jyxa strßnku najde, nebo poslat mail Michalu Illichovi. To te∩ nebude nutnΘ. (info konference SEO, AHA)