如何查看哪些資源緩慢加載網頁加載

Question

一個網頁加載速度很慢，基本上是因爲一些JavaScript導致頁面加載速度變慢。我明白，如果有任何同步代碼需要時間來加載，那麼它可以使加載時間變慢。

我的問題是，我該如何調查哪個腳本正在發生這種情況。我熟悉chrome網絡調試器，但完全不知道如何找出這個腳本。如果我能找到JS文件，我該如何檢查文件中的哪一部分代碼讓它變慢？

讓我知道是否有什麼不清楚。

Answer 1

如果您嘗試使用加載時執行的操作檢查頁面上的資源，請在Google Chrome（F12）上打開開發人員工具，然後轉到「性能」選項卡>>單擊記錄並重新加載該頁面，然後停止並查看擊穿時間明智。

您可以進入審計選項卡並開始新的審計以查看您的頁面的詳細性能。

或者，你可以使用谷歌的PageSpeed測試，並得到壓縮資源，加快您的網頁：https://developers.google.com/speed/pagespeed/insights/

或使用GTmetrix選擇位置和測試您的頁面：https://gtmetrix.com

在GTmetrix ，它將幫助您確定頁面上每個資源（js，css，images）所用的時間，以便您可以找到並修復它。它還提供了有用的信息來解決這些問題。

單擊瀑布選項卡查看每個文件/資源​​所用的時間。