20 otázek, které byste měli zvládnout, abyste ACE JAKÝKOLI ROZHOVOR a získali svou vysněnou práci!

Mám několik stránek, které selhávají v testech přátelských k mobilním zařízením Google.

Při prohlížení v testeru vhodném pro mobilní zařízení jsou hlášeny dvě chyby:

  1. Klikatelné prvky příliš blízko u sebe
  2. Obsah širší než obrazovka

S tímto druhým číslem „Obsah širší než obrazovka“ mám problém. Pokud stránku prohlédnete v Google Chrome -> Vyberte zařízení Google Pixel, bude obsah správně upraven tak, aby odpovídal výřezu (411 pixelů)

Nemohu najít jediný prvek stránky, který je širší než výřez.

Další testovací nástroj zde hlásí skutečnou chybu, která říká:

Obsah stránky je pro výřez příliš široký a nutí uživatele k vodorovnému posouvání. Zvětšete obsah stránky do výřezu, abyste zajistili lepší uživatelský komfort. Obsah stránky je široký 1 092 pixelů CSS, ale zobrazovaná oblast je široká pouze 412 pixelů CSS.

Opět nemohu najít, které prvky na stránce jsou širší než 412 pixelů.

Může to být falešně pozitivní?

Nebo to může být problém s latencí? Co když můj server neposkytuje CSS dostatečně rychle pro mobilní tester?

Jakákoli pomoc ocení.

  • Dostával jsem také e-maily o těchto dvou problémech, ale když jsem použil live test na Google, nehlásil žádné chyby. Podívejte se na e-mail Google Search Console „Byl zjištěn nový problém s použitelností mobilních zařízení“, ale živý test ukazuje „Stránka je vhodná pro mobilní zařízení“ Vidíte živý test, který ukazuje problémy?
  • Živý test ukázal problém. Aktualizováno s odpovědí - problém jsme vyřešili (související s ukládáním do mezipaměti)

Tento problém byl vyřešen a nejednalo se o problém s CSS nebo s rozložením stránky, ale automatická optimalizace pluginu pro ukládání do mezipaměti kombinovala Javascript a způsobila, že některé skripty běží příliš pozdě, aby mobilní tester viděl výsledek.

Bylo to tedy falešně pozitivní, ale vyřešeno vylepšením nastavení ukládání do mezipaměti.

Pracoval pro vás: Charles Robertson | Chcete nás kontaktovat?

užitečné informace