2015-07-10 61 views
2

我正在優化一個Web應用程序的加載時間,我不知道有什麼問題。 Firebug的網絡面板顯示請求之間的時間漏洞。爲什麼在不同的網絡請求之間存在時間跨度?

有人可以解釋我這個圖?

Firebug *Net* panel showing a gap between network requests

+0

分享您的頁面代碼,layout.js和style.css – cmorrissey

+0

這不是Firebug中的錯誤,它是解析頁面所需的時間。我已經[部分在另一個線程中回答了這個問題](http://stackoverflow.com/a/30611403/432681)。 –

回答

1

的要求之間的差距可以有兩個方面的原因:

  1. 時間,當你請求一個URL來解析請求的頁面

    需要,瀏覽器需要解析返回內容來檢查它們是否包含其他資源(如JavaScript,CSS文件,圖像等)的URL。隨後請求的資源也需要進行解析。所以例如CSS文件可以包含對圖像的引用。儘管首先需要解析CSS文件的內容以獲取這些URL。

  2. 動態申請ressources

    使用JavaScript資源可以異步請求。這些請求可以被觸發,例如通過AJAX或動態插入DOM節點,如<img src="xyz.png" alt="">到頁面中。

+0

謝謝你塞巴斯蒂安。該應用程序顯示用Highcharts製作6-8個圖表,看起來就是繪圖時間。 –

相關問題