1. aneb technick chyby vaeho webu, kter vs piprav o penzeMichal paekwww.michalspacek.cz@spazef0rzeKonference WebTop100, Praha, 25. jna 2012

2. Akoliv nejbnj chyba, kter vs piprav o penze, tak ist technicky, tahle aspo stoj za to.Myslm samozejm tu jzdu. V tom aut. S takovm vozem lovk o penze pijde snad i rd. Alepojme si nco ci o chybch, kvli kterm pijdete o penze a nebudete rdi. @spazef0rze www.michalspacek.cz 3. Nvtvnkupeko kterc n si niMt vysok poet nvtvnk je urit fajn pocit. Pokud st nvtvnk provozovateli e-shopunenech aspo kousek sv tece vydlan vplaty, tak dl nco patn. Ten provozovatel.Nadje na zskn objekt z pedchoz strnky mu tak nenvratn miz v dli. @spazef0rzewww.michalspacek.cz 4. Kdy se nvtvnkovi pomalu nat v web, tak se nakonec ani nvtvnkem stt nemus,natopak aby si nco koupil. Zkrtka, pauza na obd v prci nen tak dlouh, jak se zdla anvtvnk odejde k rychlej konkurenci a sv penze nech jim. @spazef0rzewww.michalspacek.cz 5. 5 secWeb by se ml komplet zobrazit teba do 5 vtein. Po uplynut tto doby by mlo jt strnkupouvat, klikat na tlatka apod. U kadho oboru a nvtvnka je tato doba jinak dlouh akadho, koho se zeptte vm ekne jin slo. Jedno je ale jasn: m dv, tm lp. @spazef0rzewww.michalspacek.cz 6. 6 secVichni nvtvnci samozejm strnku neopust po pti vtinch, vtina jich asi zstane, alepokud nemte tvrd sla, o kolik penz pijdete, kdy naten strnky prodloute, tak nad tmasi mvnete rukou a pjdete dlat nco uitenjho, ne zrychlovat o milisekundy. @spazef0rze www.michalspacek.cz 7. 100ms = 1%*1s = $1,6 mld * zdroj: InternetTak napklad Amazon tvrd, e za kadch 100 ms, o kter se jejich strnky nataj pomalejiklesnou prodeje o 1 %, e penz to pak znamen, e natn strnky zpomalen o 1 vteinuznamen ztrtu 1,6 miliardy USD ron na obratu. Docela dost babek. @spazef0rze www.michalspacek.cz 8. Pro pedstavu, toto je podle http://www.pagetutor.com/trillion/index.html pr miliarda USD vestodolarovch bankovkch. To se do krabice od vna nevejde, jen tak mimochodem. Pidejte jetest palet a mte 1,6 mld USD. Teda vlastn sp nemte. @spazef0rzewww.michalspacek.cz 9. * 500ms navc = 20% nvtvnosti *zdroj: tak InternetGoogle zase k, e 500 ms navc pi natn strnky ho piprav o 20 % nvtvnosti jehovyhledvae. Dky tomu tak nvtvnci vid mn reklam a Google vid mn penz na svchtech. @spazef0rzewww.michalspacek.cz 10. Na Google je hezky vidt, jak se zrychluje. Dky Google Instant http://www.google.com/instant/vidte vsledky vyhledvn hned, kdy pete dotaz. Google tak zcela vypustil tituln strnkuvyhledvae, kter zmiz hned, jakmile zanete pst svj dotaz. @spazef0rzewww.michalspacek.cz 11. S P D YSPDY je protokol vyvjen primrn Google. Zrychluje natn strnek obecn, z prohle hopodporuje Chrome a Firefox a na webovch serverech ho pouv Google pro svoje vyhledvn,Gmail, ale pouv ho tak napklad i Twitter. @spazef0rze www.michalspacek.cz 12. A co udlte pro zrychlen strnek prv vy?@spazef0rzewww.michalspacek.cz 13. Nvtvnk kter chce nakoupit a uetitDruhou hrozbou, dky kter mete pijt o njak ty drobn, je nvtvnk, kter chce nakoupit,ale zrove uetit a trochu se v tom vyzn. Takov nvtvnk me zneut chyby ve vawebov aplikaci ve svj prospch takovm zpsobem, e na to nikdy nikdo nepijde. @spazef0rze www.michalspacek.cz 14. Bez znalosti uivatelskho jmna a hesla se me pihlsit do administran sekce vaehoobchodu a zmnit si stav objednvky, ppadn si ji rovnou nechat odeslat i bez nutnosti za zboplatit. Tyto akce provd pod jmnem administrtora, take ve vypad v pohod. @spazef0rzewww.michalspacek.cz 15. Nebo si napklad me vygenerovat slevov kupny, dky kterm sn celkovou cenu objednvkytak nzko, e se dostane pod vai nkupn cenu. Me si je tak jednodue najt ve va databzi.Pokud je pak pouije, tak tak na nic nepijdete a budete mu muset zbo poslat. @spazef0rze www.michalspacek.cz 16. apostrofA to teba jenom proto, e tvrce va aplikace zapomnl oetit tento speciln znak, apostrof,nkdy nazvan t jako jednoduch uvozovka. Tento znak m pro databzov server specilnvznam a dky tto chyb je mon provdt uveden triky. Jeden znak a jakou nadl paseku. @spazef0rzewww.michalspacek.cz 17. zptn lomtko Oetit tento speciln znak ale nen nic sloitho. Jedna z monost je v uivatelem zadanchdatech ped kad apostrof dt zptn lomtko, zjednoduen eeno. Zle na konkrtnmppad, nkdy oeten me bt trochu jin, ale dal monosti jsou piblin stejn sloit. @spazef0rze www.michalspacek.cz 18. Dvejte si tak velk pozor, co na v web nahrvte. Informace, kter jsou nebezpen tamvbec neumisujte, daj se toti najt teba Googlem a to i pesto, e na n nevede z vaeho webudn odkaz. Dan informace se toti daj pout nkde jinde nebo se daj prost prodat. @spazef0rzewww.michalspacek.cz 19. Za kolik se daj prodat? To nevm, ale pojme to zkusit. Kolik nabzte za databzi uivatel webubushmanshop.cz? Obsahuje pes 300 ovench uivatel a jejich dat, jako teba emailovchadres, ale i ulic a mst a telefon. @spazef0rze www.michalspacek.cz 20. Ta databze nem velkou cenu, je toti voln ke staen na webu bushmanshop.cz. Sta sepodvat do souboru robots.txt a dle pak do adres, kter tam jsou vypsny. Obsahujzajmav vci, kter si me kdokoliv sthnout. A nejsp u si je i nkdo sthnul. @spazef0rze www.michalspacek.cz 21. A takhle bezpenmy tady ijem. Michal paek www.michalspacek.cz@spazef0rze 22. Pouit fotografie a obrzky:1. Another sign of the times, Rebecca Wilson2. Svjetlana BMW Z4 Shoot, paulStarPics3. Moonrise, Michele Molinari8. http://www.pagetutor.com/trillion/index.html10. http://www.google.com/instant/11. Bugatti Veyron Super Sport, J.Smith83112. Turbo, Matthew Hine13. Food for the wallet, _Dinkel_19. With a little help from my friends, Daniele Margaroli@spazef0rze www.michalspacek.cz