Responzivní design na mobil, jak řešíte velikost webu

13. 8. 2014 11:26:02

Responzivní design je určitě skvělý pro zobrazení webu s různou velikostí rozlišení zařízení (PC, tablet nebo mobil). Jak se to ale řeší s velikostí stránky? Přeci jen HTML a CSS kód s použitým javascriptem bude mít stejnou velikosti (?) jako při zobrazení webu na PC s vyšším rozlišením a rozlišením menším na mobilu ... nebo se mýlím?

Jde mě hlavně o rychlost načtení stránky (stažení potřebných dat). Přeci jen přes wifi či LAN se web natáhne v řádu sekund, ale v mobilu či tabletu připojeném přes mobilní internet se délka načítání může z desetinásobnit = uživatel odejde dřív, než se web načte.

Jak to řešíte Vy?

13. 8. 2014 11:26:02

https://webtrh.cz/diskuse/responzivni-design-na-mobil-jak-resite-velikost-webu#reply1047624

Gabriel Vojtko

(3 hodnocení)

13. 8. 2014 11:49:47

Napadá ma rada vecí, ktorou môžete web optimalizovať pre mobilné zariadenia a tablety a rovnako tak aj pre PC. Napríklad zlúčenie všetkých JS súborov do jedného a jeho minifikácia. Rovnako tak aj CSS súbory. Optimalizácia obrázkov pre webové stránky a to ako ich rozlíšenie tak aj ich kompresia cez rôzne voľne dostupné programy. Existujú riešenia aj online, teda nebudete musieť nič inštalovať. Zlúčiť obrázky načítavané cez CSS do jedného. Rovnako existuje rada online riešení, napríklad http://spritepad.wearekiss.com/. Možnosti pre optimalizáciu načítavania web stránky je samozrejme ešte viac, toto je len niekoľko tipov.

13. 8. 2014 11:49:47

https://webtrh.cz/diskuse/responzivni-design-na-mobil-jak-resite-velikost-webu#reply1047623

Mike

(18 hodnocení)

13. 8. 2014 23:43:01

Samozřejmě, že je to o tom, že musíš poznat, že na stránku člověk přistupuje jinak než z desktopu. Potom nabízíš jen takový obsah, který dává smysl. Způsobů jak to poznat je vícero, ale s RWD jsou nejvíc spjaty media-queries (http://www.w3.org/TR/css3-mediaqueries/).

13. 8. 2014 23:43:01

https://webtrh.cz/diskuse/responzivni-design-na-mobil-jak-resite-velikost-webu#reply1047622

Martina Zapletalová

(12 hodnocení)

19. 8. 2014 13:02:10

Já z mobilních verzí vypouštím ve velkém backgroundy. A snažím se dělat web tak, aby už byl tak úsporný, aby to více skoro nešlo. Až na málo vyjímek mám všechno přes css styly a vždy to říkám grafikovi.

Ale je to taky tím, že se snažíme nabízet především flat design, který je sám o sobě málo efektní. Je to o zvážení na každém webu.

Myslím si, že jde také o kvalitní UX...

Čím méně budu muset na webu dohledávat, tím méně stránek navštívím -> méně dat přenesu.

Snad to pomůže :-)...

19. 8. 2014 13:02:10

https://webtrh.cz/diskuse/responzivni-design-na-mobil-jak-resite-velikost-webu#reply1047621

Pro odpověď se přihlašte.

Přihlásit