Термин

Жизненный цикл документа: стадии готовности страницы

Жизненный цикл документа включает загрузку и разбор HTML, выполнение связанных задач и переход страницы между состояниями готовности.

Что означает термин#

Свойство document.readyState различает loading, interactive и complete. Готовность DOM и окончание загрузки ресурсов — не одно событие. DOMContentLoaded связан с завершением разбора документа и выполнением отложенных и модульных скриптов; изображения при этом могут ещё загружаться.

Практический пример#

Скрипт пытается найти форму до того, как парсер создал её узел, и получает null. Перенос запуска на подходящий момент решает именно проблему готовности структуры. Ожидание полной загрузки всех изображений для простой установки обработчика формы обычно не требуется.

Как проверить#

Проверьте readyState, порядок подключения скриптов и момент регистрации обработчиков. Если код запускается поздно, событие DOMContentLoaded уже могло произойти: учитывайте текущее состояние документа. Для ошибки загрузки картинки проверяйте её собственные события и запросы, а не только готовность страницы. После настройки повторите сценарий с медленной сетью и тёплым кэшем.

Источники#

Проверены 23 октября 2026 г.. Официальные рекомендации отделены от наших примеров и результатов проверки.

Продолжить разбор