2011-09-24 64 views
3

在JavaScript中,是否有無論如何查詢多大的CSS/JS文件,以及如何大圖像文件?我有一個獨特的情況,我給用戶一個頁面的預覽,該頁面可以是整頁,也可以是谷歌緩存的純文本版本的頁面。僅文本版本立即加載。預測在javascript中完全加載頁面的時間

不要以爲有,但我想問問。

也許谷歌的索引也持有頁面加載時間的信息,任何人都知道如何查詢此加載時間?

我想讓我的應用程序考慮加載頁面的文本版本,如果它認識到它將花費很長時間來加載整個頁面。

我可能要做的是通過一個頁面的html字符串進行搜索,然後通過字符串操作來計算將要製作的http請求的數量(每個css鏈接,腳本標記和img標記)。如果通過插入和加載該頁面的完整HTML進行預覽而產生超過X個請求,那麼我將選擇該頁面的即時文本版本。

+0

因此,谷歌當然有跟蹤頁面加載時間,正如這裏討論:http://mrcoles.com/blog/google-site-speed-since-when/,任何人都有線索如何查詢這個? –

回答

3

您可以嘗試使用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); 

欲瞭解更多信息,請訪問這裏筆者做了展示該解決方案非常出色的來源。

相關問題