Neokrádejte se zbytečně aneb technické chyby vašeho webu, které vás připraví o peníze

1. aneb technické chyby vašeho webu, které vás připraví o peníze
Michal Špaček
www.michalspacek.cz
@spazef0rze
Konference WebTop100, Praha, 25. října 2012

2. Ačkoliv nejběžnější chyba, která vás připraví o peníze, tak čistě technicky, tahle aspoň stojí za to.
Myslím samozřejmě tu jízdu. V tom autě. S takovým vozem člověk o peníze přijde snad i rád. Ale
pojďme si něco říci o chybách, kvůli kterým přijdete o peníze a … nebudete rádi.
@spazef0rze www.michalspacek.cz

3. Návštěvník í
up
eko
kter c n
ý si ni
Mít vysoký počet návštěvníků je určitě fajn pocit. Pokud část návštěvníků provozovateli e-shopu
nenechá aspoň kousek své težce vydělané výplaty, tak dělá něco špatně. Ten provozovatel.
Naděje na získání objektů z předchozí stránky mu tak nenávratně mizí v dáli.
@spazef0rze www.michalspacek.cz

4. Když se návštěvníkovi pomalu načítá váš web, tak se nakonec ani návštěvníkem stát nemusí,
natožpak aby si něco koupil. Zkrátka, pauza na oběd v práci není tak dlouhá, jak se zdála a
návštěvník odejde k „rychlejší“ konkurenci a své peníze nechá jim.
@spazef0rze www.michalspacek.cz

5. 5 sec
Web by se měl komplet zobrazit třeba do 5 vteřin. Po uplynutí této doby by mělo jít stránku
používat, klikat na tlačítka apod. U každého oboru a návštěvníka je tato doba jinak dlouhá a
každého, koho se zeptáte vám řekne jiné číslo. Jedno je ale jasné: čím dřív, tím líp.
@spazef0rze www.michalspacek.cz

6. 6 sec
Všichni návštěvníci samozřejmě stránku neopustí po pěti vtěřinách, většina jich asi zůstane, ale
pokud nemáte „tvrdá“ čísla, o kolik peněz přijdete, když načtení stránky prodloužíte, tak nad tím
asi mávnete rukou a půjdete dělat něco užitečnějšího, než zrychlovat o milisekundy.
@spazef0rze www.michalspacek.cz

7. 100ms = 1%
*
1s = $1,6 mld
*
zdroj: Internet
Tak například Amazon tvrdí, že za každých 100 ms, o které se jejich stránky načítají pomaleji
klesnou prodeje o 1 %, řečí peněz to pak znamená, že načítání stránky zpomalené o 1 vteřinu
znamená ztrátu 1,6 miliardy USD ročně na obratu. Docela dost babek.
@spazef0rze www.michalspacek.cz

8. Pro představu, toto je podle http://www.pagetutor.com/trillion/index.html prý miliarda USD ve
stodolarových bankovkách. To se do krabice od vína nevejde, jen tak mimochodem. Přidejte ještě
šest palet a máte 1,6 mld USD. Teda vlastně spíš nemáte.
@spazef0rze www.michalspacek.cz

9. *
500ms navíc = 20% návštěvnosti
*
zdroj: také Internet
Google zase říká, že 500 ms navíc při načítání stránky ho připraví o 20 % návštěvnosti jeho
vyhledávače. Díky tomu tak návštěvníci vidí méně reklam a Google vidí méně peněz na svých
účtech.
@spazef0rze www.michalspacek.cz

10. Na Google je hezky vidět, jak se zrychluje. Díky Google Instant http://www.google.com/instant/
vidíte výsledky vyhledávání hned, když píšete dotaz. Google také zcela vypustil titulní stránku
vyhledávače, která zmizí hned, jakmile začnete psát svůj dotaz.
@spazef0rze www.michalspacek.cz

11. S P D Y
SPDY je protokol vyvíjený primárně Google. Zrychluje načítání stránek obecně, z prohlížečů ho
podporuje Chrome a Firefox a na webových serverech ho používá Google pro svoje vyhledávání,
Gmail, ale používá ho také například i Twitter.
@spazef0rze www.michalspacek.cz

12. A co uděláte pro zrychlení stránek právě vy?
@spazef0rze www.michalspacek.cz

13. Návštěvník
který chce nakoupit a ušetřit
Druhou hrozbou, díky které můžete přijít o nějaké ty drobné, je návštěvník, který chce nakoupit,
ale zároveň ušetřit a trochu se v tom vyzná. Takový návštěvník může zneužít chyby ve vaší
webové aplikaci ve svůj prospěch takovým způsobem, že na to nikdy nikdo nepřijde.
@spazef0rze www.michalspacek.cz

14. Bez znalosti uživatelského jména a hesla se může přihlásit do administrační sekce vašeho
obchodu a změnit si stav objednávky, případně si ji rovnou nechat odeslat i bez nutnosti za zboží
platit. Tyto akce provádí pod jménem administrátora, takže vše vypadá v pohodě.
@spazef0rze www.michalspacek.cz

15. Nebo si například může vygenerovat slevové kupóny, díky kterým sníží celkovou cenu objednávky
tak nízko, že se dostane pod vaši nákupní cenu. Může si je také jednoduše najít ve vaší databázi.
Pokud je pak použije, tak také na nic nepřijdete a budete mu muset zboží poslat.
@spazef0rze www.michalspacek.cz

16. ' ← apostrof
A to třeba jenom proto, že tvůrce vaší aplikace zapomněl ošetřit tento speciální znak, apostrof,
někdy nazývaný též jako jednoduchá uvozovka. Tento znak má pro databázový server speciální
význam a díky této chybě je možné provádět uvedené triky. Jeden znak a jakou nadělá paseku.
@spazef0rze www.michalspacek.cz

17. zpětné lomítko → '
Ošetřit tento speciální znak ale není nic složitého. Jedna z možností je v uživatelem zadaných
datech před každý apostrof dát zpětné lomítko, zjednodušeně řečeno. Záleží na konkrétním
případě, někdy ošetření může být trochu jiné, ale další možnosti jsou přibližně stejně složité.
@spazef0rze www.michalspacek.cz

18. Dávejte si také velký pozor, co na váš web nahráváte. Informace, které jsou nebezpečné tam
vůbec neumisťujte, dají se totiž najít třeba Googlem a to i přesto, že na ně nevede z vašeho webu
žádný odkaz. Dané informace se totiž dají použít někde jinde nebo se dají prostě prodat.
@spazef0rze www.michalspacek.cz

19. Za kolik se dají prodat? To nevím, ale pojďme to zkusit. Kolik nabízíte za databázi uživatelů webu
bushmanshop.cz? Obsahuje přes 300 ověřených uživatelů a jejich dat, jako třeba emailových
adres, ale i ulic a měst a telefonů.
@spazef0rze www.michalspacek.cz

20. Ta databáze nemá velkou cenu, je totiž volně ke stažení na webu bushmanshop.cz. Stačí se
podívat do souboru robots.txt a dále pak do adresářů, které tam jsou vypsány. Obsahují
zajímavé věci, které si může kdokoliv stáhnout. A nejspíš už si je i někdo stáhnul.
@spazef0rze www.michalspacek.cz

21. A takhle bezpečně
my tady žijem.
Michal Špaček
www.michalspacek.cz
@spazef0rze

22. Použité fotografie a obrázky:
1. Another sign of the times, Rebecca Wilson
2. Svjetlana BMW Z4 Shoot, paulStarPics
3. Moonrise, Michele Molinari
8. http://www.pagetutor.com/trillion/index.html
10. http://www.google.com/instant/
11. Bugatti Veyron Super Sport, J.Smith831
12. Turbo, Matthew Hine
13. Food for the wallet, _Dinkel_
19. With a little help from my friends…, Daniele Margaroli
@spazef0rze www.michalspacek.cz