Тест пропуска кадров (Frame Skipping)
Сфотографируйте синхронизированную браузером последовательность кадров и ищите повторяемые пропуски на корректных снимках в состоянии READY.
Шаблон для камеры в тесте пропуска кадров
Дождитесь READY и сфотографируйте движущийся блочный шаблон камерой.
При READY каждый принятый браузером кадр сдвигает блок ровно на одну следующую позицию. Тайминг браузера никогда не вставляет визуальный пропуск.
- Дождитесь READY.
- Используйте камеру. Сфотографируйте движущиеся блоки.
- Используйте выдержку около 1/10 с или длиннее. На снимке должно быть несколько блоков.
- Скриншоты не подходят.
- Ищите повторяемые пропуски на корректных снимках при READY.
Повторяемые пропуски на нескольких корректных фотографиях при READY могут указывать на пропуски отображения. Выдержка камеры или съёмка вне READY тоже могут дать плохой снимок.
Шаблон Frame Skipping подготавливает тайминг браузера.
Как работает тест пропуска кадров
Браузер ждёт стабильной последовательности requestAnimationFrame. Пока состояние READY остаётся валидным, каждый принятый браузером кадр сдвигает светлый блок ровно на одну следующую позицию. Тайминг браузера никогда не создаёт искусственный визуальный пропуск.
Почему нужна фотография с камеры
Фотография с достаточно длинной выдержкой может записать несколько показанных состояний шаблона в одном кадре. Скриншот фиксирует только текущее отрисованное состояние браузера и не показывает, отобразил ли физический дисплей каждое обновление.
Как трактовать пропуски
Повторяемая отсутствующая позиция на нескольких фотографиях, снятых при READY, может указывать, что дисплей показал не все состояния шаблона. Один неудачный снимок не является вердиктом: выдержка камеры или нестабильность таймингов тоже могут создавать вводящие в заблуждение пропуски.