Optimalizace pro mobil
Optimalizace pro mobil znamená, že děláme webovou stránku nebo aplikaci tak, aby se na ní dobře koukalo a pracovalo na telefonu. Je to jako když máš velký obrázek a chceš ho zmenšit tak, aby se vešel na malou obrazovku, ale pořád bylo všechno hezky vidět a dalo se na to klikat prstem.
Responzivní design
Responzivní design je přístup k tvorbě webových stránek, při kterém se layout automaticky přizpůsobuje velikosti obrazovky zařízení, ať už jde o mobil, tablet nebo desktop. Technicky se opírá především o CSS media queries, flexibilní mřížky a pružné obrázky, které mění rozložení prvků podle šířky viewportu. Pojem popularizoval Ethan Marcotte v roce 2010 a dnes je responzivita považována za naprostý standard. Google navíc od roku 2015 zvýhodňuje ve vyhledávání weby přizpůsobené mobilním zařízením, takže responzivní design není jen otázkou uživatelského komfortu, ale i SEO.
Související výrazy: Core Web VitalsCSSlazy loadingmobilní webprogressive enhancementresponzivní designrychlost načítáníService WorkersUXuživatelský zážitekviewportvýkonwebdesignwebová stránka