60fps

Юрис Пукитис, Одноклассники

60 FPS

Почему важен перформанс

Фокус

Доход

10 -> 60 FPS

Проблемы

Блокировка ховер ивентов

        

        <body style="pointer-events: none/auto">...</body>

Overlay поверх контента

        #pointerOverlay {
                position: fixed;
                top: 0; right: 0; left: 0; bottom: 0;
                visibility: hidden;
                pointer-events: none;
                }

            #pointerOverlay.__auto {
                    visibility: visible;
                    pointer-events: auto;
                    }

jsperf className vs classList

Зачем нужен pointer-events если используется visibility?

Приятное

Результат!

Проблема
большого DOMа

Проблема:

Решение:

        .hide-feed-cnt > * {
                display: none;
                }

Тестирование

И вот что мы получили:

Нативный скролл быстрей

Github

Спасибо за внимание!