Web, co vydělává na všech zařízeních

Přednáška Honzy Sládka z konference WebTop100 2014.

Webové stránky jsou nástroj, který má přinášet hodnotu. Prezentace o tom, proč si musíme hlídat rychlost načítání a co přináší za problémy to, že lidé během dne používají více zařízení (třeba počítač a mobilní telefon).

Transcript

1. Web, co vydělává 
 na všech zařízeních Honza Sládek, manGoweb www.mangoweb.cz
2. 12 % V ČR je průměrně přístupů z mobilních zařízení Zpravodajské servery mají přístupů z mobilních zařízení okolo 20 %, přes 50 % mají vývojáři mobilních aplikací.
3. Díky mobilním zařízením máme spoustu zajímavé práce, ale zapomínáme na základy.
4. 100 kbit/s Rychlost GPRS je max. 100 kbit/s. Proto musely vznikat samostatné mobilní weby. Dnes je průměrná velikost webu 1,5 MB a stále roste. Na mobilech je to, bohužel, stejné.
5. Lidé používají weby všude. Třeba v Pražském metru, kde je pouze EDGE.
6. 1s = -7 % Společnost Kissmetrics změřila, že po 4 vteřinách načítání stránku zavře 25 % lidí. A že jedna vteřina načítání webu průměrně stojí 7 % v konverzích. https://blog.kissmetrics.com/loading-time/
7. load = 1.75s Kvůli rychlosti nemusíme tvořit separátní mobilní web. Nový theguardian.com ukazuje, jak se může responzivní web načítat velmi rychle. The Guardian používá tzv. „lazy loading“, tedy nejprve načte texty a základní styly, teprve poté načítá obrázky a skripty.
8. load = 5.21s Porovnejte s novými HN, které se, na stejném připojení jako The Guardian, načítají téměř o 4 vteřiny déle.
9. Nemusíte rozumět technikáliím, pomůže vám automatika. Google PageSpeed Insights analyzuje stránku a doporučí kroky, které ji mohou zrychlit. Ale pozor, občas doporučuje věci, které nemají reálný přínos. Berte tedy jeho doporučení jako body k diskusi, ne dogma.
10. 60 % lidí používá více zařízení za den Lidé používají web na více zařízeních za den. Studie ukazují, že v USA 60 % lidí používá 2 a více zařízení za den. Většina z nich začne nějakou činnost na desktopu a dokončí ji na mobilu (59 %), 34 % pak postupuje i obráceně (tedy z mobilu na desktop).
11. facebook homepage ?! mobilní web ?! Zásadní problém separátních mobilních webů na WebTop100 bylo přesměrování mezi mobilní a desktop verzí. Příliš často se stávalo, že jdu z odkazu na desktop web z mobilu a web mne přesměruje na homepage. :-(
12. U responzivních webů naopak grafik skvěle vyladí desktop verzi, ale responzivní verze už přeci „nějak dodělá kodér, to přeci není težký“.
13. Dopadá to sice funkčními weby, které ale postrádají emoce a často i základní vysvětlení „o co jde“.
14. Přitom i rychlé responzivní weby jde udělat tak, že z nich má návštěvník dobrý první dojem.
15. Separátní mobilní web doporučuji volit pouze v konkrétních případech. Třeba Amazon.com si udělal rozsáhlý výzkum a rozhodl se mít pro mobilní zařízení jinou strategii. Zatímco na desktopu se vám snaží prodat co nejvíce věcí najednou, na mobilu chtějí, abyste dokončili nákup do 30 vteřin od rozhodnutí, že něco chcete koupit a vytáhnete telefon z kapsy.
16. Otázky? Honza Sládek, manGoweb www.mangoweb.cz, sladek@mangoweb.cz @honzasladek / @manGowebCZ