5. RWD řeší spoustu problémů
•
•
•
•
•
Jeden kód
Jeden obsah
Jeden deployment
Jedna URL
Jeden web
RWD
6. Trocha statistiky
• 71% uživatelů očekává načtení webu na
mobilu minimálně stejně rychle jako na
desktopu.
• 74% uživatelů opustí načítanou stránku na
mobilu, pokud se nezobrazí do 5 sekund.
• 86% responsivních webů stahuje stejný objem
dat na mobilu, jako na desktopu.
• Průměrná velikost stránky je 1MB
7. Máme 5 sekund něčí pozornosti.
Dokážeme je smysluplně využít?
9. Server Side Components
• Detekce zařízení na straně serveru a její
zpřístupnění klientovi
• Rozdílná šablona pro hlavičku a patičku
• Parametrizované CSS
• Parametrizované JavaScripty
• Parametrizované obrázky
10. Další možnosti optimalizace
•
•
•
•
Větší využití vektorové grafiky
CSS3 efekty a transformace – HW akcelerace
Dotahování obsahu na vyžádání
Využití JavaScriptových API určených primárně
pro mobilní zařízení (geolocation, offline)
• Nepoužívat dynamická tlačítka sociálních sítí
13. Dejme lidem to, co chtějí!
• Proč by chtěl někdo navštívit web přes mobil?
• Jak můžeme uživateli na cestě zajistit lepší
UX?
• Proč by mohl někdo chtít navštívit web z herní
konzole / TV / auta / ledničky?
• Co by mohl uživatel tabletu dělat na webu
odlišně od desktopového?
• A jak to všechno skloubit dohromady v rámci
jednoho projektu?