Производительный рендеринг в браузере, Глеб Михеев

Подписывайтесь на наш канал здесь и в телеграмм , чтобы быть в курсе будущих митапов и не пропускать полезные доклады! Мы поговорим о конвейере, как он рендерит, как вносятся изменения на страницу, что такое Reflow, Forced Reflow, как его избегать, как управлять слоями, как оптимизировать рендеринг через вынесение в отдельные слои, и какие еще причины могут вызвать лаги при отрисовке. Это позволит понять, как браузер все это делает, и начать более осознанно подходит при поиске причин плохой производительности, а также не допускать их в дальнейшем. Каждый разработчик должен знать, как работает его инструменты, чтобы не заниматься оккультизмом и танцев с бубнами вокруг проблем. Особенно с производительностью. На практике, не смотря на то, что это не является исключительно тайным знанием, очень мало ребят знают как это работает. И этим докладом я хочу дать разборчивости и показать, что там все просто и доступно, а самое главное - знать это очень полезно. 00:00 - Введение 00:40 - Про рендеринг 04:28 - Reflow 08:04 - Про изменения: FPS и Time Budget 10:28 - Forced Reflow 14:31 - Менеджмент слоев 17:14 - Что еще может испортить нам производительность? 24:20 - Полезные и вредные советы 27:59 - Выводы