Предсказать время полной загрузки страницы в JavaScript

Question

Есть ли в javascript вопрос, какой размер файла css / js, и какой размер файла изображения?У меня есть уникальная ситуация, когда я предоставляю пользователю предварительный просмотр страницы, и эта страница может быть либо полной страницей, либо кэшированной текстовой версией страницы Google.Текстовая версия загружается мгновенно.

Не думаю, что есть, но решил, что я бы спросил.

Может быть, индекс Google также содержит информацию о времени загрузки страницы, кто-нибудь знает, как запросить это время загрузки?

Я хочу, чтобы мое приложение рассмотрело возможность загрузки текстовой версии страницы, если оно распознаетчто загрузка полной страницы займет много времени.

То, что я мог бы сделать, - это поиск по html-строке страницы и просто посчитать количество http-запросов, которые будут сделаны (каждая ссылка css, тег сценария и тег img) с помощью манипуляции со строкой.Если будет выполнено более X запросов, вставив и загрузив полный HTML-код этой страницы для предварительного просмотра, я выберу текстовую версию страницы.

Answer 1

Вы можете попробовать использовать AJAX как автор ответа, сделанного в ЭТОТ ТЕМА .

Выполнение запроса HEAD HTTP AJAX может дать вам информацию заголовка о данном файле без загрузки его содержимого.

Вот пример по ссылке:

var xhr = new XMLHttpRequest();
xhr.open('HEAD', 'img/test.jpg', true);
xhr.onreadystatechange = function(){
  if ( xhr.readyState == 4 ) {
    if ( xhr.status == 200 ) {
      alert('Size in bytes: ' + xhr.getResponseHeader('Content-Length'));
    } else {
      alert('ERROR');
    }
  }
};
xhr.send(null);

Для получения дополнительной информации, пожалуйста, посетите источник, где автор проделал большую работу, демонстрируя это решение.