MDN wants to learn about developers like you: https://qsurvey.mozilla.com/s3/MDN-dev-survey

Перевод не завершен. Пожалуйста, помогите перевести эту статью с английского.

Инструмент даёт Вам понять общую отзывчивость вашего сайта,  JavaScript и общее представление о разметке. С помощью производительного инструмента Вы создадите  запись или профиль своего сайта за определенный промежуток временни. Затем инструмент покажет Вам действия браузера и график смены частоты кадров поверх профиля когда будет делать Ваш сайт.

Вы получите три набора инструментов для более подробного изучения аспектов профиля:

  •  Waterfall (Водопад) показывает различные операции браузера, например, выполняет макет, JavaScript, перерисовывает и собирает мусор
  • Call Tree (Дерево вызова) показывает функции JavaScript, в которых браузер провел большую часть своего времени
  • Flame Chart (Пламенный График) показывает стек вызовов JavaScript над конечной записью.


Приступая к работе

UI Tour (Пользовательский интерфейс)

Чтобы найти свой вариант производительности инструмента, вот краткий обзор пользовательского интерфейса UI.

How to (Как)
Основные задачи: откройте инструмент создать, сохранить, загрузить и настроить записи.

Компоненты производительности инструмента

Frame rate (Частота кадров)
Исследование Вашего сайта на отзывчивость.
Call Tree (Дерево вызовов)
Поиск узких мест Вашего сайта на JavaScript.
Waterfall (Водопад)
Исследует работу браузера на взаимодействие пользователей с Вашим сайтом.
Flame Chart (Диаграмма)
Обзор выполнения функций JavaScript во времени.
 

Сценарии

Animating CSS properties (Свойства анимации CSS)
Использует водопад чтобы понять как браузер обновляет страницу, и как меняя разные свойства CSS можно улучшить производительность.
 
Intensive JavaScript (Интенсивный JS)
Использует частоту кадров и инструменты водопада для выделения проблем с производительностью, вызванные длительной загрузкой JavaScript и каким образом с помощью инструментов разработчика  возможно исправить ситуацию.

 

 

 

Метки документа и участники

 Внесли вклад в эту страницу: nemcik7, matador21385, Ellgine
 Обновлялась последний раз: nemcik7,