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

Question

在javascript中，有没有查询css/js文件有多大，图像文件有多大？我有一个独特的情况，我给用户一个页面的预览，该页面可以是完整页面，也可以是该页面的 google 缓存纯文本版本。纯文本版本会立即加载。

不认为有，但我想我会问。

也许谷歌的索引也有关于页面加载时间的信息，谁知道如何查询这个加载时间？

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

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

Answer 1

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

发出 HEAD HTTP AJAX 请求可以在不下载文件内容的情况下为您提供有关给定文件的 header 信息。

这是链接中的示例:

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

有关详细信息，请访问作者在展示该解决方案方面做得很好的来源。