Я пытаюсь улучшить время отклика моего сайта и обнаружил, что между последней загрузкой файла (3.11 сек) и запуском DOMContent существует задержка, а затем загрузка события (4.72 сек). добавлен pic.Задержка при запуске DOMContent
Похоже, что это может быть связано с обработкой JS, которую я разместил в нижнем колонтитуле вместо головы.
Я хотел бы знать, как я могу проанализировать эту задержку и подключить ее.
Мои 2 цента
https://developers.google.com/chrome-developer-tools/docs/timeline
И в DOMContentLoaded и событий нагрузки маркеры раздел:
https://developers.google.com/chrome-developer-tools/docs/timeline-images/image28.png Временная шкала аннотирования каждой записи с синим и красная линия, что указывают, соответственно, когда события DOMContentLoaded и load были , отправленные браузером. Событие DOMContentLoaded запускается, когда все содержимое DOM страницы загружено и проанализировано. Нагрузка события вызывается сразу все ресурсы документа (изображения и CSS файлов и т.д.) было полностью загружены
Вы должны Concat всех JavaScript файлов в одном файл JavaScript, и все CSS файлов один файл css. Также вы должны gzip (сжать) ваши файлы.
Попробуйте gruntjs (основано на nodejs), или Apache Ant (на основе java), чтобы сделать некоторые автоматические клавиши (minify, compress, concat и т. Д.). Существуют и другие автоматические задачи.
