Как в dev. tools браузеров (например firefox) на вкладке profiling понять почему тормозит страница?

Question

[Maatthew Patell]

Есть сайт. При прокрутке страницы в некоторых местах страница подтормаживает (падает фпс), так же при взаимодействии с некоторыми элементами и в моменты некоторых анимаций тоже подтормаживает. Причем чем больше размер экрана тем больше падает фпс. В разных браузерах по разному подает фпс, например в хроме тормозов почти не заметно, а в мозиле очень тормозит. Про мобильные браузеры молчу.

Как найти и распознать из-за чего так происходит?

Answer 1

[Yakov Vylegzhanin]

В девтулз Chrome четко все расписано - сколько отправляется запрос, сколько ждем ответа от сервера, сколько подгружается контент. И уже отсюда пляшем и выясняем почему тормозит страница.

Comments

[Maatthew Patell]

Страница загружается нормально, не тормозит. Тормозит сайт именно при прокрутке и взаимодействии.

Answer 2

[Денис Инешин]

Что может вызвать перерисовку

Comments

[Maatthew Patell]

Интересно. Я перечитал уже кучу доков и посмотрел пару видео. Я до сих пор не могу вникнуть и решить свою проблему.