2016-07-10 45 views
0

有網站所在服務器的渲染完成速度非常快,但有上阻止渲染爲幾秒鐘,然後渲染HTML客戶端的東西。如何知道是什麼阻止網頁渲染

我猜測它可能是一些的setTimeout左右,我可以知道是否有任何工具或開發工具欄來驗證這一點。

setTimeout 

讚賞任何一種指針,謝謝。

+0

您是否嘗試過查看「文檔」和「資源」選項卡的來源? – guest271314

+0

如果您對使用chrome開發工具感到滿意,我會僅使用阻塞渲染持續時間的堆快照,以便您可以確切地看到正在運行哪些js函數 – DrewT

+0

在資源選項卡中我們會知道些什麼? – kobe

回答

1

只要捕獲時的頁面加載網絡流量,看看有什麼資源/文件(待定),而頁面加載。

1

您的瀏覽器的開發者工具會告訴你到底發生了什麼。它可能是網絡,解析,渲染,任何事情。

+0

讓我檢查,謝謝你的答覆。 – kobe

+0

基本上頁面加載並等待幾秒鐘顯示html,它就像一個空白的屏幕,我們將如何知道哪一個在做? – kobe

+0

@kobe你的瀏覽器的開發者工具是怎麼說的?網絡區域或分析區域都會指出這一點。 – Brad