Mobilní samostatná verze nebo responzivní web? Od každého trochu...

Nedávno jsem byl na nějaké konferenci, kde se řešily výhody a nevýhody mobilní verze webu vs. responzivní web. V podstatě debata byla k ničemu a to z toho důvodu, že se řešilo A nebo B. Obojí má totiž své velké výhody i nevýhody.

Samostatná mobilní verze:

Výhody

• Možnost sestavit speciální šablonu, vyčištěnou od různého balastu
• To se týká i formátování, umístění a formátu navigace atd.

Nevýhody

• Duplicita
• Dvojí práce s aktualizací a správou dat!

Responzivní web:

Výhody

• Jeden web - jeden zdroj dat.
• Přizpůsobení se dané velikosti obrazovky - nemusím mít nutně iPhone, abych si to vychutnal, stačí mi poloviční velikost stránky, když potřebuji třeba něco porovnávat s druhou stránkou - hle, žádné hejbátka, táhla, scrollbary, chcete-li.

Nevýhody

• Datová velikost (stále stahujete stejnou havěť, jako na desktopu) a věřte mi, stahovat na mobil 4 MB stránku je fakt paráda.
• Větší pracnost při vývoji, pokud nevycházíme z nějaké univerzální šablony - nutno testovat při různých velikostech, jestli vše šlape tak, jak má.
• Ne vždy je vhodné měnit šířku obsahu - což se dá ale obejít přes min-width.

Existuje kompromis?

Já jeden našel. Samozřejmě tyto dva přístupy zamíchat a vymačkat z nich to nejlepší. Stačí mi k tomu tyto ingredience:

• CMSko, které podporuje implementaci detekce mobilu (to jenom pro automatizaci), v mém případě open-source favorit ModX
• Plugin pro ModX: Auto Image Resizer, který generuje obrázky dle aktuální šířky (tzn. výchozí obrázek je klidně 1800x1200, ale pokud na něj čumím na desktopu, smrskne se na šířku 500 - zde důležité - datově!
• Dvě verze od každé šablony (nejčastěji titulní stránka, běžná strana...)

Výsledkem tohoto mixu je:

• Web, který zobrazí mobilní verzi automaticky,
• Mobilní verze stahuje pouze nejnutnější
• Obrázky vykresluje 1:1 dané šířce obrazovky (pokud máme nastavenou relativní šířku)
• Jeden zdroj dat - žádná duplicita obsahu
• Když budu chtít být hodně cool, tak ještě využiji jQuery Mobile a mám vystaráno

No a hurá s tím do televize :) 

Máte lepší nápad, jak pořešit zobrazování webu na jakýchkoliv zařízení při minimalizaci nevýhod a při co nejmenším čase? Sem s nimi...