Как получить текущий размер страницы в КБ, используя только javascript?

Question

Ссылаясь на this question, как я могу получить текущий размер страницы в kb, этот размер я буду использовать, чтобы узнать скорость соединения для этой страницы.

Answer 1

Если ваша страница не имеет размера в мегабайтах, результат будет бессмысленным.

Это связано с тем, что время, необходимое для подключения, отправки запроса и ожидания отправки ответа сервером, равно quite large по сравнению с временем, требуемым для загрузки страницы, и в дополнение к этому TCP/IP имеет slow start.

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

Answer 2

Я думаю, что захват известного файла данных через Ajax будет лучшим решением, чем измерение текущей страницы. Проще времени запуска и завершения вызова Ajax.

Answer 3

, если вы имеете в виду только HTML, то вы можете использовать JQuery, чтобы сделать получить количество символов (байтов в большинстве случаев, в зависимости от кодировки)

$(document).ready(
    function() 
    { 
     var pagebytes = $('html').html().length; 
     var kbytes = pagebytes/1024; 
    } 
); 

это в основном подсчитывает количество символов, содержащихся в (в том числе) тег. что исключает любой указанный Doctype, но так как это всегда статично, вы можете добавить длину doctype в pagebytes.

// Редактировать

выглядит DOCTYPE в конце концов, не может быть статичным. , но без него он все равно должен быть достаточно точным.

Answer 4

Существует нестандартное свойство, доступное только для IE - document.fileSize ^MDNMSDN. Он возвращает размер html-страницы в байтах.

Или вы можете получить content-length заголовок

var request = new XMLHttpRequest(); 
request.open('GET', document.location, false); 
request.send(); 
var size = request.getAllResponseHeaders().toLowerCase().match(/content-length: \d+/); 
document.getElementById("size").innerHTML = size + " bytes"; 

1. Example with text only;
2. Example geting the size of image;
3. Example with content-length

Answer 5

Чтобы получить размер файла страниц в Интернете, я построил яваскрипт букмарклета, чтобы сделать трюк. Он предупреждает о размере страницы, на которой вы находитесь, в kb. Не уверен, что он может помочь со скоростью соединения.

Измените оповещение на приглашение, если вы хотите скопировать размер файла.

Вот код букмарклета для предупреждения.

<a href="javascript:a=document.getElementsByTagName('HTML')[0].outerHTML;b=a.length/1024;c=Math.round(b);alert(c+' kb');">Doc Size</a> 

Ниже приведен код букмарклета.

<a href="javascript:a=document.getElementsByTagName('HTML')[0].outerHTML;b=a.length/1024;c=Math.round(b);prompt('Page Size',c+' kb');">Doc Size</a> 

в действии на http://bookmarklets.to.g0.to/filesize.php