Question

在javascript中，无论如何都要查询css / js文件的大小，以及图像文件的大小是多少？我有一个独特的情况，我给用户一个页面的预览，该页面可以是整页，或谷歌的缓存文本版本的页面。仅文本版本立即加载。

不要认为有，但我想问。

也许Google的索引还包含有关页面加载时间的信息，是否有人知道如何查询此加载时间？

我想让我的应用考虑加载页面的文本版本，如果它认识到加载整页需要很长时间。

我可能会做的是在页面的html字符串中搜索，并通过字符串操作计算将要进行的http请求的数量（每个css链接，脚本标记和img标记）。如果通过插入和加载该页面的完整html进行预览会产生超过X个请求，那么我将选择该页面的即时文本版本。

Answer 1

您可以尝试使用AJAX，就像在THIS TOPIC中完成答案的作者一样。

制作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);

欲了解更多信息，请访问作者在展示该解决方案方面表现出色的来源。

预测在javascript中完全加载页面的时间

1 个答案: