Pull to refresh
23
Karma
0
Rating

User

Анализ рендеринга через Skia Debugger: как можно найти самые дорогие для отрисовки элементы

Mail.ru Group corporate blogWebsite developmentCSS
Доброго дня, недавно я решал проблему притормаживания скролла на страницах Почты Mail.Ru. Особенно эта проблема была заметна на retina-дисплеях. После простого анализа я пришел к выводу, что одна из основных проблем — это медленная отрисовка страницы.

В этой статье я расскажу, как можно применять инструмент Skia Debugger, входящий в набор инструментов Chrome, для пошагового анализа процесса отрисовки страницы, а также как с его помощью можно получить данные о том, сколько времени занимает отрисовка каждого элемента.

Как и многие подобные проблемы оптимизации, данную проблему можно решить множеством способов. Я взялся за оптимизацию рендеринга, так как на нее затрачивалось значительное количество времени. Тем самым, я достаточно быстро смог бы получить прирост производительности и, соответственно, улучшить плавность скролла, ускорив отрисовку.


Читать дальше →
Total votes 76: ↑72 and ↓4 +68
Views21.2K
Comments 8

Information

Rating
5,848-th
Location
Москва, Москва и Московская обл., Россия
Works in
Date of birth
Registered
Activity