2016-10-07 12 views
2

내 페이지의 HTML 코드에 [rel = preconnect] 링크를 추가합니다. 하지만 사전 연결 여부를 어떻게 확인할 수 있습니까?[rel = preconnect] 링크가 작업을 완료했는지 여부를 어떻게 확인할 수 있습니까?

Preconnect가 DevTools의 네트워크 패널에 나타나지 않아 chrome : // tracing에 표시되지 않습니다.

이 이벤트를 보려면 어떤 도구를 사용할 수 있습니까? 귀하의 웹 사이트를 읽을 수 WebPageTest를 들어, 온라인으로 접근 할 필요가

enter image description here

참고 :

+0

이것은 스택 오버플로에 대한 좋은 질문이 아니기 때문에 도구를 묻는 것이므로 필자와 (Windows의 경우 어쨌든) 비슷한 것을 추적 할 수있을 것이라고 생각합니다. –

+0

사전 연결 이벤트와 호스트에 대한 첫 번째 요청을 구별하기가 어렵 기 때문에이 도구가 좋은 해결책인지 확신 할 수 없습니다. – andre487

답변

2

당신은 여기

https://www.webpagetest.org/에 의해 생성 된 폭포에서 볼 수는 예입니다 .

+0

감사합니다. 그러나 프로젝트가 인트라넷 내부에있는 경우 사전 연결을 확인하는 몇 가지 방법이 있습니까? – andre487

+0

임시 터널을 설정하여 외부에서 웹 사이트를 사용할 수있게 할 수 있습니다. https://ngrok.com이 내가 사용하는 것입니다. 하지만 기본 도메인과 사전 연결하려는 도메인 모두에 액세스 할 수 있어야합니다. 따라서 두 번째 도메인을 터널링하는 경우 새 터널 도메인을 가리 키도록 코드를 변경해야합니다. –

+0

다른 해결책은 인트라넷 내에 WebPageTest의 개인 인스턴스를 설정하는 것입니다. 많은 기업들이 자체 인스턴스를 가지고 있기 때문에 프로젝트를 프로덕션으로 보내기 전에 성능 검사를 수행 할 수 있습니다. –

관련 문제