2016-10-07 57 views
2

我在我的頁面的HTML代碼中追加鏈接[rel = preconnect]。但是,我怎樣才能檢查工作preconnect或不?如何檢查鏈接[rel = preconnect]是否完成其工作?

Preconnect未出現在DevTools的Network面板中,我沒有在chrome:// tracing中看到它。

我可以使用哪些工具查看此事件?

+0

這對Stack Overflow來說並不是一個好問題,因爲它需要一個工具,但是我認爲像Fiddler這樣的東西(在Windows上)能夠跟蹤類似的東西。 –

+0

我不確定這個工具是不錯的解決方案,因爲很難區分preconnect事件和第一個請求到主機。 – andre487

回答

2

你可以看到它在通過https://www.webpagetest.org/

這裏創建的瀑布是一個例子:

enter image description here

請注意,您的網站需要在線訪問,爲WebPageTest要能看懂。

+0

謝謝!但是,如果項目位於Intranet內部,是否有一些方法可以檢查預連接? – andre487

+0

您可以嘗試設置一個臨時隧道,使網站在外面可用,https://ngrok.com是我使用的。但是,您的主域名和要預先連接的域名都必須可以訪問。所以如果你隧道的第二個域,你需要改變你的代碼,以便它指向新的隧道域。 –

+0

另一種解決方案是在Intranet中設置您自己的WebPageTest的私有實例。許多公司擁有自己的實例,因此他們可以在將項目推向生產之前進行性能檢查。 –

相關問題