Optymalizacja scrollowania na stronie / Zoptymalizowany Front-end
Z tego wideo dowiesz się:
- że kiedykolwiek użytkownik scrolluje stronę, przeglądarka musi ją na nowo "namalować" - im mniej operacji "paint", tym lepiej
- jeśli podczas scrollowania jakieś elementy się przesuwają (parallax), najprawdopodobniej spowoduje to efekt "jank"
- że korzystając z narzędzia DevTools / Rendering / Paint Flashing, możesz łatwo wychwycić, które elementy podczas scrollowania są malowane na nowo; to samo tyczy się opcji "Scrolling Performance Issues"
- które style CSS są kosztowne (np. border-radius, position: fixed)
- kiedy korzystać z requestAnimationFrame
- czym są Passive Event Listeners
Szkolenie o optymalizacji frontendu: https://www.webdevinsider.pl/zoptymalizowany-frontend
Chcesz więcej? Sprawdź w oryginale!
Przejdź do filmu