@Redrica

Как собрать и отправить данные по загрузке страницы?

Доброго дня!
Поставили задачу написать скрипт, который будет собирать и отправлять get-запросом данные по загрузке страницы (скорость загрузки, отрисовка DOM, загрузка и применение/выполнение скриптов, стилей, контента и т.п.).
Нужно это, чтобы определить, будет ли польза от использования CDN.

Гугл выдает преимущественно сервисы, предоставляющие аналогичные данные, а мне надо именно скрипт, который будет отрабатывать на каждой странице.
Если кто сталкивался лично - подскажите, пожалуйста, как это сделать? )) Хотя бы в каком направлении копать? А если есть пример чего-то подобного – то совсем круто.
Выручайте ))

UPD: спасибо за комментарий, частично помогло, но глобально вопрос стоял шире.
В итоге задача решается с использованием Navigation Timing API, там можно получить уйму параметров и на основе них посчитать все, что надо.
  • Вопрос задан
  • 34 просмотра
Пригласить эксперта
Ответы на вопрос 1
@nvdfxx
Senior Pomidor developer
В head это:
let a = Date.now()

//браузер полностью загрузил HTML, было построено DOM-дерево, но внешние ресурсы, такие как картинки <img> и стили, могут быть ещё не загружены.
document.addEventListener('DOMContentLoaded', () => {
    let s = Date.now() - a
    //send 's' to server
})

//браузер загрузил HTML и внешние ресурсы (картинки, стили и т.д.).
document.addEventListener('load', () => {
    let s = Date.now() - a
    //send 's' to server
})


Можно хоть на каждый скрипт или картинку 'load' повесить и чекать

P.S. в chrome devtools -> network время загрузки каждого компонента отображается
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
До 170 000 руб.
IT IS Kernel Новосибирск
от 100 000 руб.
Fundraise Up Санкт-Петербург
от 120 000 руб.
22 сент. 2019, в 12:35
600 руб./за проект
22 сент. 2019, в 12:15
12000 руб./за проект