Odezva je průběžná
Interaction to Next Paint měří, jak rychle stránka zobrazí vizuální odezvu na započítávané interakce uživatele. Google ve svých doporučeních k optimalizaci rozkládá prodlevu na zpoždění vstupu, práci obsluhy událostí a zpoždění vykreslení. Pomáhá to vysvětlit, proč se stránka může načíst rychle, a přesto působit těžkopádně, jakmile ji někdo začne používat.
Najděte náročnou práci
Než změníte animaci, prozkoumejte pomalou interakci v záznamu výkonu. S odezvou mohou soupeřit opakované čtení layoutu, velké aktualizace vykreslování i nesouvisející JavaScript. Elegantní easing nezachrání hlavní vlákno, které je tak vytížené, že nestíhá kreslit. Kde je to vhodné, dejte okamžitou zpětnou vazbu a nepodstatnou práci přesuňte mimo kritickou interakci.
Náš pohled
U vizuálního webu si stanovte malý rozpočet na pohyb. Animujte transformace a průhlednost, když vyjadřují zamýšlený efekt, zastavte nepřetržitou práci mimo obrazovku a nestahujte video dřív, než si ho někdo chce přehrát. Pak testujte na průměrném zařízení, nejen na rychlé pracovní stanici. Výkon je součástí identity: rozhraní, které reaguje klidně a předvídatelně, působí promyšleněji než rozhraní, které nejdřív předvádí efekt a až potom reaguje.
Hlavní myšlenkaJak to použít v praxi.
Nahrajte si nejpomalejší interakci s menu nebo filtrem. Odstraňte největší zbytečnou úlohu a změřte to znovu za stejných podmínek.
Zdroje a další čtení
Redakční rozbor Bemate. Aktuální informace o produktech najdete v odkazovaných zdrojích.