Connor Clark
คุณสามารถบันทึกการติดตามประสิทธิภาพจากแผงประสิทธิภาพเพื่อให้โหลดซ้ำได้ในภายหลัง ซึ่งจะเป็นประโยชน์ในการแชร์กับนักพัฒนาแอปคนอื่นๆ หรือแม้แต่ตัวคุณเองในอนาคตเมื่อแก้ไขข้อบกพร่องเกี่ยวกับปัญหาด้านประสิทธิภาพ
นอกจากนี้ คุณยังบันทึกร่องรอยพร้อมสำเนาเนื้อหาของสคริปต์และแผนที่แหล่งที่มาทั้งหมดที่พบในหน้าเว็บได้ด้วย ซึ่งจะช่วยให้การแก้ไขข้อบกพร่องมีประสิทธิภาพมากขึ้นเมื่อนำเข้าการติดตามในภายหลัง
เมื่อโหลดการติดตามที่มีเนื้อหาสคริปต์หรือการแมปแหล่งที่มาลงในแผงประสิทธิภาพ ระบบจะเปิดแท็บใหม่ แท็บเครื่องมือสำหรับนักพัฒนาเว็บนี้มีแผงประสิทธิภาพและแหล่งที่มา
การตั้งค่าเพื่อบันทึกการติดตามประสิทธิภาพ
หากต้องการบันทึกการบันทึกและแชร์ในภายหลังพร้อมกับข้อมูลประสิทธิภาพที่มีคำอธิบายประกอบ ให้คลิก ดาวน์โหลดในแถบการดำเนินการที่ด้านบนของแผงประสิทธิภาพ แล้วเลือกบันทึกการติดตาม คุณจะเห็นตัวเลือกต่อไปนี้
- รวมคำอธิบายประกอบ
- รวมเนื้อหาทรัพยากร
- รวมการแมปแหล่งที่มาของสคริปต์
- บีบอัดด้วย gzip
| การตั้งค่า | คำอธิบาย | ค่าเริ่มต้น | เหตุผลที่ควรเปิดใช้ | เหตุผลที่ควรปิดใช้ |
|---|---|---|---|---|
| รวมคำอธิบายประกอบ | หมายเหตุ: ตัวเลือกนี้จะรวมอยู่ด้วยก็ต่อเมื่อมีคำอธิบายประกอบในหน้า ควบคุมว่าจะรวมคำอธิบายประกอบไว้ในไฟล์การติดตามที่บันทึกไว้หรือไม่ |
เปิด | คำอธิบายประกอบมีประโยชน์ในการอธิบายร่องรอย ไฮไลต์ส่วนสำคัญบางส่วนของร่องรอย หรือถามคำถามเกี่ยวกับส่วนที่ต้องตรวจสอบเพิ่มเติม | คำอธิบายประกอบจะมีวิธีดำเนินการของคุณเองและอาจไม่เกี่ยวข้องกับนักพัฒนาแอปคนอื่นๆ แทนที่จะบันทึกโดยไม่มีคำอธิบายประกอบ ให้ล้างคำอธิบายประกอบเพื่อรวมคำอธิบายประกอบที่เกี่ยวข้อง |
| รวมเนื้อหาทรัพยากร | ควบคุมว่าจะรวมเนื้อหาของ HTML, ไฟล์ JavaScript และ CSS ไว้ในไฟล์การติดตามที่บันทึกไว้เพื่อดูในแผงแหล่งที่มาเมื่อโหลดการติดตามหรือไม่ หมายเหตุ: ระบบจะไม่รวมเนื้อหาของสคริปต์ส่วนขยายแม้ว่าจะเปิดใช้ตัวเลือกนี้ก็ตาม เนื่องจากส่วนขยายแทบจะไม่เป็นประโยชน์ในการแก้ไขข้อบกพร่องด้านประสิทธิภาพ แต่ส่วนใหญ่มักจะมีข้อมูลที่ละเอียดอ่อน (เช่น ส่วนขยายส่วนตัวของบริษัท) อย่างไรก็ตาม ระบบจะบันทึกข้อมูลการจัดโปรไฟล์จากสคริปต์ส่วนขยายไว้ในร่องรอยเนื่องจากยังคงส่งผลต่อประสิทธิภาพได้ |
ปิด | แผงแหล่งที่มาใช้เพื่อดูทรัพยากรที่ทำงานในหน้า รวมถึงค่าใช้จ่ายรันไทม์ตามบรรทัด แผงประสิทธิภาพสามารถลิงก์ไปยังบรรทัดที่เฉพาะเจาะจงในแผงแหล่งที่มา (เช่น การเรียกฟังก์ชันในแผนภูมิเปลวไฟ หรือตารางจากล่างขึ้นบน/แผนภูมิต้นไม้การเรียก) ข้อมูลเชิงลึกด้านประสิทธิภาพบางอย่างต้องใช้เนื้อหาสคริปต์ในการวิเคราะห์ หมายเหตุ: หากคุณพิจารณาว่าเนื้อหาของทรัพยากรเป็นข้อมูลที่มีความละเอียดอ่อน คุณควรปฏิบัติต่อไฟล์การติดตามว่าเป็นข้อมูลที่มีความละเอียดอ่อนเช่นกัน |
ปิดใช้หากต้องการไฟล์การติดตามขนาดเล็กมากกว่าประสบการณ์การใช้งานแผงประสิทธิภาพที่ดีขึ้น (เช่น การดูสคริปต์ที่ทำงานในแผงแหล่งที่มา) ปิดใช้หากทราบว่าเนื้อหาของทรัพยากรมีข้อมูลที่ละเอียดอ่อนซึ่งคุณไม่ต้องการแชร์ในไฟล์การติดตาม กรณีนี้จะเกิดขึ้นได้ยากมากเนื่องจากทุกคนที่มีสิทธิ์เข้าถึงหน้าเว็บจะดูไฟล์ต้นฉบับได้ แต่หากเซิร์ฟเวอร์ของคุณแทรกข้อมูลลับตามผู้ใช้ปัจจุบันลงใน JavaScript ที่ทำงานในหน้าเว็บ ให้ถือว่าไฟล์การติดตามที่มีเนื้อหาของสคริปต์เหล่านี้เป็นไฟล์ที่มีความละเอียดอ่อน นอกจากนี้ สำหรับแอปพลิเคชันภายในอินทราเน็ตที่ไม่ได้เผยแพร่ต่อสาธารณะ คุณอาจไม่ต้องการแชร์ไฟล์ต้นฉบับ |
| รวมการแมปแหล่งที่มาของสคริปต์ | หมายเหตุ: ตัวเลือกนี้จะใช้ได้ก็ต่อเมื่อเปิดใช้รวมเนื้อหาของทรัพยากร ซึ่งจะรวมการแมปกับไฟล์ซอร์สโค้ดที่เขียนขึ้นมาพร้อมกับไฟล์เนื้อหาเวอร์ชันที่ใช้งานจริงที่คอมไพล์หรือลดขนาดแล้ว |
ปิด | แผงประสิทธิภาพจะใช้ Source Map เพื่อแสดงชื่อฟังก์ชันที่เขียน แผงแหล่งที่มาจะแสดงไฟล์ที่เขียนทั้งหมดในรายการไฟล์ของหน้าเว็บ ข้อมูลเชิงลึกด้านประสิทธิภาพบางอย่างต้องใช้ Source Map ในการวิเคราะห์ โปรดทราบว่าหากคุณเปิดใช้การตั้งค่านี้และพิจารณาว่า Source Map เป็นข้อมูลที่มีความละเอียดอ่อน คุณควรปฏิบัติต่อไฟล์การติดตามว่าเป็นข้อมูลที่มีความละเอียดอ่อนด้วย |
ปิดใช้หากต้องการไฟล์การติดตามขนาดเล็กมากกว่าประสบการณ์การใช้งานแผงประสิทธิภาพที่ดีขึ้น (เช่น การดูชื่อจริงของฟังก์ชันในแผนภูมิเปลวไฟประสิทธิภาพ) ปิดใช้หากคุณพิจารณาว่า Source Map เป็นข้อมูลที่ละเอียดอ่อน (เช่น คุณแสดง Source Map เฉพาะในเครือข่ายภายในและไม่ได้แสดงต่ออินเทอร์เน็ตสาธารณะ) และไม่ต้องการให้ใครก็ตามที่มีไฟล์การติดตามเข้าถึง Source Map ได้ |
| บีบอัดด้วย gzip | หมายเหตุ: นี่คือค่าเริ่มต้นจาก Chrome 142 | เปิด | การติดตามประสิทธิภาพอาจมีขนาดค่อนข้างใหญ่ การบีบอัดจะช่วยประหยัดพื้นที่ดิสก์และยังช่วยให้การอัปโหลดและการประมวลผลใน DevTools เองเร็วขึ้นด้วย | หากต้องการเปิดไฟล์เหล่านี้ในโปรแกรมแก้ไขข้อความหรือโปรแกรมที่คล้ายกันเพื่อดูเหตุการณ์การติดตามที่เฉพาะเจาะจง คุณอาจต้องบันทึกไฟล์เหล่านี้โดยไม่บีบอัด gzip เพื่อให้เปิดไฟล์ได้ง่ายขึ้น |