![](https://habrastorage.org/files/132/6cc/b6a/1326ccb6a13c4b3eb8e72d5b4872b306.png)
В этой статье я расскажу, как можно применять инструмент Skia Debugger, входящий в набор инструментов Chrome, для пошагового анализа процесса отрисовки страницы, а также как с его помощью можно получить данные о том, сколько времени занимает отрисовка каждого элемента.
Как и многие подобные проблемы оптимизации, данную проблему можно решить множеством способов. Я взялся за оптимизацию рендеринга, так как на нее затрачивалось значительное количество времени. Тем самым, я достаточно быстро смог бы получить прирост производительности и, соответственно, улучшить плавность скролла, ускорив отрисовку.
![](https://habrastorage.org/files/133/e28/4d6/133e284d6c2c4a77b5743f1aa7d71a78.png)