This translation has not been editorially reviewed yet. The German version is authoritative. Deutsche Fassung →
Responsive
Na jakých velikostech obrazovky by se měl web testovat?
Web by se měl testovat na třech velikostech obrazovky: chytrý telefon o šířce 390, tablet 768 a počítač 1440 pixelů. Tyto tři profily pokrývají běžné třídy zařízení. Kontrolní služba přitom napodobuje skutečná zařízení — s dotykovým ovládáním, mobilní identifikací prohlížeče a odpovídající hustotou pixelů — místo aby jen zmenšila okno prohlížeče.
Tři profily pokrývají třídy zařízení
Profil chytrého telefonu má rozměr 390 krát 844 pixelů — formát běžného současného telefonu. Profil tabletu má 768 krát 1024 pixelů, tablet na výšku. Profil počítače má 1440 krát 900 pixelů, běžný monitor. Na těchto třech šířkách většina webů mění svůj vzhled: menu se sbalí, sloupce se seřadí pod sebe, obrázky se přizpůsobí velikostí. Právě proto nestačí jediný pohled na vlastní obrazovku — stránka může na počítači vypadat bezvadně a na mobilu se posouvat do strany, ořezávat texty nebo zmenšovat tlačítka. Každý profil se proto kontroluje samostatně a ve zprávě se vykazuje odděleně, se snímkem obrazovky.
Skutečná nápodoba zařízení dává skutečné výsledky
Pouze zmenšené okno prohlížeče se chová jinak než telefon. Mnoho webů přepne své mobilní zobrazení, teprve když se prohlížeč prokáže jako mobilní zařízení: dotykovým ovládáním, mobilní identifikací prohlížeče a vyšší hustotou pixelů obrazovky mobilu. Kontrolní služba proto pro každý profil nastavuje úplnou nápodobu zařízení — profil chytrého telefonu se hlásí jako telefon s dotykem a trojnásobnou hustotou pixelů, profil tabletu jako tablet. Bez této nápodoby by vznikaly zdánlivé nálezy: kontrola by viděla mezistav stránky, který žádný skutečný návštěvník nikdy neuvidí. S ní vidí stejné zobrazení jako publikum.
Kontrola vidí stránku jako návštěvník
Před měřením nechá kontrola stránku úplně načíst a ustálit se. Pak jednou pomalu sjede až na konec stránky a zase nahoru — tak jako návštěvník, který se rozhlíží. Má to technický důvod: mnoho stránek zobrazuje obsah až při posouvání. Kdyby měření proběhlo dřív, tyto bloky by ještě byly ve výchozí poloze a kontrola by nahlásila rozvržení, které při skutečném používání vůbec neexistuje. Teprve po tomto průchodu začíná vlastní měření: chování při posouvání, ovládací plochy, zalamování textu, obsah na první obrazovce — pro každý profil, se snímkem obrazovky jako dokladem.
- Nové stránky zkontrolujte alespoň na jednom skutečném chytrém telefonu, navíc k pohledu na monitoru na pracovišti.
- Porovnejte tři snímky obrazovky ve zprávě z kontroly — ukazují, jak stejná stránka vypadá v každé třídě zařízení.
- Zeptejte se své agentury, při jakých šířkách obrazovky váš web mění rozvržení, a nechte otestovat přesně tyto přechody.
- Považujte mobilní zobrazení za hlavní, protože mnoho návštěvníků vidí váš web výhradně na mobilu.
FAQ
Stačí zmenšit okno prohlížeče?
Zmenšené okno ukazuje jen část pravdy. Skutečné telefony se hlásí dotykovým ovládáním, mobilní identifikací prohlížeče a vyšší hustotou pixelů — mnoho webů teprve pak přepne své mobilní zobrazení. Kontrolní služba proto pro každý profil napodobuje úplné zařízení a vidí tak stejné zobrazení jako skutečný návštěvník na mobilu.
Proč se každá velikost zařízení kontroluje zvlášť?
Protože weby mění své rozvržení podle šířky obrazovky: menu se sbalí, sloupce se seřadí pod sebe, obrázky se přizpůsobí velikostí. Nález se může objevit přesně na jedné velikosti zařízení — tabulka se vejde na počítači a na mobilu přesahuje přes okraj. Zpráva proto vykazuje každé měření odděleně podle profilu, vždy s vlastním snímkem obrazovky.
S jakou šířkou obrazovky počítá test pro chytré telefony?
Profil chytrého telefonu počítá s šířkou 390 pixelů a výškou 844 pixelů při trojnásobné hustotě pixelů — formát běžného současného telefonu. Prohlížeč přitom počítá v takzvaných CSS pixelech; fyzické rozlišení obrazovky je vyšší. Doplňkově služba kontroluje profil tabletu o šířce 768 a profil počítače o šířce 1440 pixelů.