Как я могу проверить, сделал ли link[rel=preconnect] свою работу или нет?

Я добавляю link[rel=preconnect] в HTML-код своей страницы. Но как проверить работает преконнект или нет?

Preconnect не отображается на сетевой панели DevTools, я не вижу его в chrome://tracing.

Какие инструменты я могу использовать, чтобы увидеть это событие?


person andre487    schedule 07.10.2016    source источник
comment
Это не очень хороший вопрос для Stack Overflow, так как он запрашивает инструмент, но я думаю, что что-то вроде Fiddler (во всяком случае, в Windows) сможет отслеживать что-то подобное.   -  person Heretic Monkey    schedule 07.10.2016
comment
Я не уверен, что эти инструменты являются хорошим решением, потому что трудно отличить событие предварительного подключения от первого запроса к хосту.   -  person andre487    schedule 08.10.2016
comment
Здесь также есть несколько полезных советов: stackoverflow.com/questions/39629343   -  person Giorgio Tempesta    schedule 20.12.2018


Ответы (2)


Вы можете использовать Chrome DevTools для этого вручную. Проверьте вкладку времени URI, для которого вы определили предварительное подключение, если DNS-Connect-SSL не заняло время или оно незначительно (например, 2-5 мс), то вы можете считать, что предварительное подключение сработало. Единственная ловушка здесь - это повторный тест, когда срок действия вашего соединения еще не истек в браузере.

person Alexander Podkopaev    schedule 13.04.2018

Вы можете увидеть это в водопаде, созданном https://www.webpagetest.org/.

Вот пример:

введите описание изображения здесь

Обратите внимание, что ваш веб-сайт должен быть доступен в Интернете, чтобы WebPageTest мог его прочитать.

person Gaël Métais    schedule 08.10.2016
comment
Спасибо! Но есть ли способы проверить предварительное подключение, если ваш проект находится внутри интрасети? - person andre487; 08.10.2016
comment
Вы можете попробовать настроить временный туннель, чтобы сделать веб-сайт доступным извне. Я использую ngrok.com. Но как ваш основной домен, так и домен, который вы хотите предварительно подключить, должны быть доступны. Поэтому, если вы туннелируете второй домен, вам нужно будет изменить свой код, чтобы он указывал на новый туннельный домен. - person Gaël Métais; 09.10.2016
comment
Другое решение — настроить собственный частный экземпляр WebPageTest внутри интрасети. У многих компаний есть собственный экземпляр, поэтому они могут проверять производительность, прежде чем запускать проекты в производство. - person Gaël Métais; 09.10.2016