ฉันจะตรวจสอบได้อย่างไรว่า link[rel=preconnect] ทำงานเสร็จแล้วหรือไม่

ฉันเพิ่มลิงก์[rel=preconnect]ต่อท้ายโค้ด HTML ของเพจ แต่ฉันสามารถตรวจสอบการเชื่อมต่อล่วงหน้าได้หรือไม่?

การเชื่อมต่อล่วงหน้าไม่ปรากฏในแผงเครือข่ายของ DevTools ฉันไม่เห็นใน chrome://tracing

ฉันสามารถใช้เครื่องมือใดในการดูกิจกรรมนี้?


html performance-testing web-performance
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)


arrow_upward
4
arrow_downward

คุณสามารถใช้ Chrome DevTools สำหรับสิ่งนี้ได้ด้วยตนเอง ตรวจสอบแท็บเวลาของ URI ที่คุณกำหนดการเชื่อมต่อล่วงหน้า หาก DNS-Connect-SSL ไม่ได้ใช้เวลาหรือมีเพียงเล็กน้อย (เช่น 2-5 มิลลิวินาที) เกินกว่าที่คุณจะถือว่าการเชื่อมต่อล่วงหน้าทำงานได้ กับดักเดียวที่นี่คือการทดสอบซ้ำ เมื่อการเชื่อมต่อของคุณยังไม่หมดอายุในเบราว์เซอร์

person Alexander Podkopaev    schedule 13.04.2018

arrow_upward
5
arrow_downward

คุณสามารถดูได้ในน้ำตกที่สร้างโดย 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