視覺呈現的瀏覽器如何加載網站內容

Question

有誰知道瀏覽器如何加載內容的視覺表示？一些視頻可能解釋不同的場景，比如JS文件如何加載。首先加載html，然後再加載JS或加載在一起。

在一般情況下，我跟隨在我的JS被添加到頁面底部的標準，但我從未有過的瀏覽器如何加載內容的很好的把握，我很樂意看到像慢動作的可視化表示視頻示例的排序。

謝謝！

Answer 1

我認爲YSlow presentation是你想要的。我親自看到了一個不同的版本，所以你可能會挖掘一下，看看你是否能找到一個真正偉大的視覺效果。另外，請嘗試YSlow插件或其他分析器之一，如Safari的Web Inspector。

Answer 2

您可以使用Firebug或Chrome's Dev Tools中的網絡選項卡，它們會向您顯示加載事件的瀑布圖。

此外，您可以測試通過非常緩慢的連接加載頁面，例如Charles，並限制連接速度。