К основному контенту

Chrome - инструменты разработчика

Для того чтобы получить объективную картину загрузки страницы нужо в первую очередь убедиться в отсутсвии ошибок в консоли JavaScript.

Для того  чтобы отслеживать возникновение ошибок поле действие пользователя можно активировать сохранение логов - Preserve Log.
Аналогичная функция есть на вкладке - Network

Для того чтобы быстро открыть вкладку Network можно использовать сочетание клавиш - Control+Shift+I .

Отключение кеширования производится путем включения функции Disable Cache
После загрузки страницы мы можем анализировать диаграму загрузки ресурсов. Время загрузки каздого ресурса представено в столбце - Time и наглядно отображено в виде диаграмы в столбце - Waterfall. В нижней части экрана обображены параметры загрузки всей страницы:
Полное время обработки страницы с рендерингом - Finish
Время загрузки  дерева DOM - DOMContentLoaded
Полное время загрузки всех ресурсов - Load
Параметр DOMContentLoaded не должен превышать 4 секунды.

Сссылки:


Комментарии