Těžkotonážní weby nefungují dobře na mobilech, i když jsou responsivní

3. 8. 2015 12:26:27

Petrx.

Ten prvni web je tak jednoduchy v designu, ze fakt k tomu neni treba delat app

Druhy web ma zajimavejsi design, a ten je taky moc jednocuchy prehledny, proste neni tam moc ficur a me se to libi, funguje mi dobre na mobilu.

A jak se zákazníci dostanou k té aplikaci?
Tím, že si načtou do mobilu pomalý a nepřehledný desktopový web a tam bude nabídnuta mobilní aplikace?

Tak jim nabidneme pomaly responsivni design a upozorneni, ze si muzou stahnout app? Nebo ne? Funguje to prece :)

Bavime se tady o "velkotonaznich webech" tak jsem predpokladal, ze se resi weby a jejich mobile verze s navstevnosti v desitkach tisic UIP denne a web, kde sedi 100 lidi nebo maximalni navstevnost kolem 2000 navstevniku za den neni treba resit ne?

3. 8. 2015 12:26:27

https://webtrh.cz/diskuse/tezkotonazni-weby-nefunguji-dobre-na-mobilech-i-kdyz-jsou-responsivni/strana/2/#reply1130812

Petr Soukup

(5 hodnocení)

3. 8. 2015 12:55:32

Napsal Oleg;1214864
Bavime se tady o "velkotonaznich webech" tak jsem predpokladal, ze se resi weby a jejich mobile verze s navstevnosti v desitkach tisic UIP denne

"velkotonážní" tu bylo myslím použito ve smyslu, že jsou ty weby velmi náročné na data (tzn špatně udělané)

3. 8. 2015 12:55:32

https://webtrh.cz/diskuse/tezkotonazni-weby-nefunguji-dobre-na-mobilech-i-kdyz-jsou-responsivni/strana/2/#reply1130811

Petr Soukup

(5 hodnocení)

3. 8. 2015 12:59:01

Ale když už tu porovnáváme reálné weby:

WebPagetest Test Result - Ireland - EC2 -...damska-kratka-bunda - 08/03/15…

Poměrně grafický eshop s responzivní grafikou a stejně se na mobilním připojení zobrazí během ~6s při prvním načtení.

Samozřejmě tam stejně pořád je co zlepšovat, ale určitě bych nezavrhoval responzivní řešení jen pro to, že ho The Verge apod neumí realizovat.

3. 8. 2015 12:59:01

https://webtrh.cz/diskuse/tezkotonazni-weby-nefunguji-dobre-na-mobilech-i-kdyz-jsou-responsivni/strana/2/#reply1130810

Oleg

(53 hodnocení)

3. 8. 2015 13:12:22

Napsal Souki;1214876
"velkotonážní" tu bylo myslím použito ve smyslu, že jsou ty weby velmi náročné na data (tzn špatně udělané)

ahaaaa.... tak to jo :D tak ono to jde ruka v ruce s navstevnosti ne?

Zahranicni tok na par webech mame pres 4,378TB - necele 4 a pul TB dat... A to je ksakru znat. A pristupnost na web je cca 37% z mobilu. Chci tim jenom rici, ze pro mobilo pravdu je treba optimalizovat. Nejlepe posilat jine obrazky, jine CSS a JS - proste temer vse jine, ale aby se tvoril obsah pro mobily, tak je trebna to cele hodne moc upravovat a ukladat obrazky zvlast i pro mobily.

Ale premyslime o vyuziti CDN obrazky - protoze toto http://cloudinary.com/ je pecka.

3. 8. 2015 13:12:22

https://webtrh.cz/diskuse/tezkotonazni-weby-nefunguji-dobre-na-mobilech-i-kdyz-jsou-responsivni/strana/2/#reply1130809

Petr Soukup

(5 hodnocení)

3. 8. 2015 13:28:17

Jasně, ale responzivní web a optimalizace obrázků apod pro mobily se nijak nevylučuje. Naopak je to naprostá nutnost.

Například u obrázků máme různé rozměry, retina verze, různé kvality, formáty a podobně (například WebP má podporu u 60% a je poloviční než JPG). Použije se ta správné podle zařízení, rozlišení, datového připojení atd. To všechno v responzivní šabloně - není potřeba na to dělat extra mobilní verzi. V důsledku pak obrázek jednoho produktu má třeba 100 různých verzí, ale to už je pak jen otázkou vyřešeného technické zázemí.

CDN rozhodně dává smysl. Bohužel se z něj ale teď stává postupně anti-pattern. Rozděluje totiž obsah na dvě domény, takže pak nejde efektivně využít výhod HTTP/2. Ale to je zase jiná pohádka :)

3. 8. 2015 13:28:17

https://webtrh.cz/diskuse/tezkotonazni-weby-nefunguji-dobre-na-mobilech-i-kdyz-jsou-responsivni/strana/2/#reply1130808

Fido123

(13 hodnocení)

3. 8. 2015 13:36:07

Napsal petrx;1214860
Moji vývojáři to umějí a umí to i můj kamarád Miloš. Na jehož ekonomických výsledcích nejsem závislý, takže sem zcela nezištně lupnu příklad jím vytvořeného webu:
Katalog výrobků Thuasne - Thuasne CR s.r.o.
(zkuste si to zobrazit i na mobilu nebo ve zmenšeném okně prohlížeče...)

Není to špatné, ale zbytečně tam při určitých šířkách vyskakuje horizontální scrollbar kvůli té animaci nahoře.

3. 8. 2015 13:36:07

https://webtrh.cz/diskuse/tezkotonazni-weby-nefunguji-dobre-na-mobilech-i-kdyz-jsou-responsivni/strana/2/#reply1130807

Oleg

(53 hodnocení)

3. 8. 2015 13:45:42

Napsal Souki;1214885
Jasně, ale responzivní web a optimalizace obrázků apod pro mobily se nijak nevylučuje. Naopak je to naprostá nutnost.

souhlas. nicmene pokud mam na disku necelych 9TB dat v obrazcich, tak jeste delani thumbu pro mobilni verzi to je pakarna, je to opravdu narocne jak na disktibuci obsahu, prostredky serveru tak i zalohu obsahu. :) Proto to CDN, proto ta manipulace s obrazky na CDN.

Jak jsme myslel, ze se bavime o velkych webech - tak proto jsem rikal, ze App je idealni volba, protoze muze bezet oddelene :)

3. 8. 2015 13:45:42

https://webtrh.cz/diskuse/tezkotonazni-weby-nefunguji-dobre-na-mobilech-i-kdyz-jsou-responsivni/strana/2/#reply1130806

Petr Soukup

(5 hodnocení)

3. 8. 2015 13:53:34

Dělat verze obrázků je samozřejmě práce navíc :) U nás to máme tak, že se nahraje jeden obrázek a přes pravidla se to pak různě převádí samo. Ve výsledku pak máme asi 20 TB obrázků, ale prostor nic moc nestojí, takže to je jedno. Ono to má dost zásadní vliv na traffic a ten je stejně dražší - ono je znát, když se místo 60kB obrázku přenáší jen 3kB.

Jednodušší pak samozřejmě je delegovat tuhle práci na Cloudinary. Taky jsem o nich uvažoval, ale nakonec jsem je zavrhl, protože neuměli třeba různé formáty a vlastní řešení bylo efektivnější.

3. 8. 2015 13:53:34

https://webtrh.cz/diskuse/tezkotonazni-weby-nefunguji-dobre-na-mobilech-i-kdyz-jsou-responsivni/strana/2/#reply1130805

Ondrej Vertat

(48 hodnocení)

3. 8. 2015 15:01:14

Napsal petrx;1214860
Moji vývojáři to umějí a umí to i můj kamarád Miloš. Na jehož ekonomických výsledcích nejsem závislý, takže sem zcela nezištně lupnu příklad jím vytvořeného webu: ...

Obě ukázky mají chyb jako máku. Spíš bych to řadil do kategorie jak to nedělat.

3. 8. 2015 15:01:14

https://webtrh.cz/diskuse/tezkotonazni-weby-nefunguji-dobre-na-mobilech-i-kdyz-jsou-responsivni/strana/2/#reply1130804

Michal Brůžek

(58 hodnocení)

3. 8. 2015 18:23:40

Napsal Ondřej Veřtát;1214913
Obě ukázky mají chyb jako máku. Spíš bych to řadil do kategorie jak to nedělat.

presne tak, proto jsem se ptal, kolik z nich udelalo funkcni responsivni web... nikoli, kamaradi a vyvojari ;)

3. 8. 2015 18:23:40

https://webtrh.cz/diskuse/tezkotonazni-weby-nefunguji-dobre-na-mobilech-i-kdyz-jsou-responsivni/strana/2/#reply1130803

Jiří

(7 hodnocení)

3. 8. 2015 18:41:50

Nejvíce takového svinstva běží na wordpressu, asi lenost mno. Nejvíce miluji, když na datech stahuji X mb javascriptů a kravin které nakonec ani nepoužiji v mobilním zařízení. Sekat ruce.

3. 8. 2015 18:41:50

https://webtrh.cz/diskuse/tezkotonazni-weby-nefunguji-dobre-na-mobilech-i-kdyz-jsou-responsivni/strana/2/#reply1130802

node

(5 hodnocení)

4. 8. 2015 10:08:27

Kedze sa hovori "mobile first", je dobre defaultne pouzit obrazky pre najmensie zariadenie a ked sa cely web nacita a zisti ze user je na desktope tak refreshnut obrazky a nahradit ich desktopovymi variantami? Tym to bude na mobile sice fajn ale na desktope sa prenesie zbytocne viac dat(tie prvotne obrazky optimalizovane pre mobil) a tiez znovunacitanie obrazku za lepsiu kvalitu bude viditelne.

Aky by mal byt teda spravny pristup? Teraz neberiem do uvahy progresivne alebo "on demand" nacitanie obrazkov mimo zorneho pola.

4. 8. 2015 10:08:27

https://webtrh.cz/diskuse/tezkotonazni-weby-nefunguji-dobre-na-mobilech-i-kdyz-jsou-responsivni/strana/2/#reply1130801

Petr Soukup

(5 hodnocení)

4. 8. 2015 11:29:50

Napsal node;1215103
Kedze sa hovori "mobile first", je dobre defaultne pouzit obrazky pre najmensie zariadenie a ked sa cely web nacita a zisti ze user je na desktope tak refreshnut obrazky a nahradit ich desktopovymi variantami? Tym to bude na mobile sice fajn ale na desktope sa prenesie zbytocne viac dat(tie prvotne obrazky optimalizovane pre mobil) a tiez znovunacitanie obrazku za lepsiu kvalitu bude viditelne.

Aky by mal byt teda spravny pristup? Teraz neberiem do uvahy progresivne alebo "on demand" nacitanie obrazkov mimo zorneho pola.

Ne. Prostě se pošlou všechny varianty třeba v PICTURE nebo srcset a prohlížeč si vybere. Fallback pro nepodporované se pak dělá na serveru.

Píše se o tom třeba tady, ale taky je to jen část problematiky:

(Snad už) Definitivní responzivní obrázky – srcset a sizes - Zdroják

4. 8. 2015 11:29:50

https://webtrh.cz/diskuse/tezkotonazni-weby-nefunguji-dobre-na-mobilech-i-kdyz-jsou-responsivni/strana/2/#reply1130800

petrx

(8 hodnocení)

6. 8. 2015 20:01:42