ใช้แผงประสิทธิภาพเพื่อกำหนดโปรไฟล์ประสิทธิภาพของแอปพลิเคชัน Node.js และ Deno
โปรไฟล์ CPU คืออะไร
โปรไฟล์ CPU คือรายงานที่แสดงวิธีการใช้ CPU ในช่วงเวลาหนึ่ง ซึ่งจะแสดงให้เห็นว่าโปรแกรมใดใช้เวลา CPU มากที่สุด กระบวนการใดกำลังทำงาน และเวลาที่ใช้ในแต่ละสถานะ เมื่อใช้โปรไฟล์ CPU คุณจะระบุจุดคอขวดด้านประสิทธิภาพและเพิ่มประสิทธิภาพการใช้งานทรัพยากร CPU ได้
เปิดเครื่องมือสำหรับนักพัฒนาเว็บสำหรับโหนด
ในบรรทัดคำสั่ง ให้เรียกใช้คำสั่งต่อไปนี้
Node.js
node --inspect file-name.js
Deno
deno --inspect file-name.js
เชื่อมต่อกับเครื่องมือสำหรับนักพัฒนาเว็บสำหรับโหนดด้วยวิธีใดวิธีหนึ่งต่อไปนี้
- เปิดเครื่องมือสำหรับนักพัฒนาเว็บและคลิกปุ่มโหนดสีเขียวในแถบการทำงานของเครื่องมือสำหรับนักพัฒนาเว็บที่ด้านบน
ในแถบที่อยู่ ให้ป้อน
chrome://inspect
แล้วคลิกตัวเลือกใดตัวเลือกหนึ่งต่อไปนี้- เปิดเครื่องมือสำหรับนักพัฒนาเว็บสำหรับโหนดโดยเฉพาะในส่วนอุปกรณ์
- ตรวจสอบภายใต้เป้าหมายที่คุณต้องการสร้างโปรไฟล์
ทำโปรไฟล์ CPU
หากต้องการสร้างโปรไฟล์ให้ CPU ให้เปิดแผงประสิทธิภาพแล้วคลิกปุ่มบันทึก radio_button_checked 2 ครั้งเพื่อเริ่มและสิ้นสุดการทำโปรไฟล์
วิเคราะห์ผลลัพธ์ในการทำโปรไฟล์
หลังจากหยุดบันทึกแล้ว แผงประสิทธิภาพจะจัดระเบียบและแสดงข้อมูลเกี่ยวกับการบันทึกใน "โปรไฟล์" ใช้แท็บต่อไปนี้เพื่อวิเคราะห์ข้อมูลการสร้างโปรไฟล์
ภาพรวมของไทม์ไลน์ โดยจะอยู่ที่ด้านบนใต้แถบกิจกรรม แสดงแผนภูมิกิจกรรม CPU และ NET บนไทม์ไลน์ ใช้เพื่อระบุจุดคอขวดด้านประสิทธิภาพ
ล่างขึ้นบน: ใช้แท็บนี้เพื่อตรวจสอบส่วนที่เลือกของการบันทึก และดูเวลาโดยรวมที่ใช้ในกิจกรรมแต่ละรายการ
โครงสร้างการโทร: แท็บนี้จะแสดงกิจกรรมรูทของส่วนที่เลือกของการบันทึก นอกจากนี้ กิจกรรมรูทยังมีสแต็กการเรียกใช้ซ้อนอยู่อีกด้วย ใช้แท็บนี้เพื่อระบุว่ากิจกรรมใดก่อให้เกิดผลลัพธ์มากที่สุด
บันทึกเหตุการณ์: แท็บนี้จะแสดงกิจกรรมจากส่วนที่เลือกของการบันทึกโดยเรียงตามลําดับ
โปรไฟล์ที่ใช้คำสั่ง console.profile()
เครื่องมือสำหรับนักพัฒนาเว็บให้คุณสร้างโปรไฟล์ประสิทธิภาพของ CPU ของ JavaScript ด้วยคำสั่ง console.profile()
คุณเพิ่มคำสั่งนี้ลงในโค้ดแล้วเรียกใช้ไฟล์ได้ หรือจะคัดลอกและวางโค้ดลงในคอนโซลก็ได้ แผงประสิทธิภาพจะแสดงผลลัพธ์
หากต้องการใช้คำสั่งนี้ ให้ทำตามขั้นตอนต่อไปนี้
แนบรหัสของคุณด้วย
console.profile()
และconsole.profileEnd()
ตัวอย่างเช่นconsole.profile( profile ${i} ); // Code to be profiled doSomething(); console.profileEnd();
เรียกใช้โค้ดของคุณด้วยหนึ่งในสองวิธีต่อไปนี้
หากคุณใช้คอนโซล ให้เปิดเครื่องมือสำหรับนักพัฒนาเว็บสำหรับโหนด วางโค้ดลงในคอนโซล แล้วกด Enter
ในบรรทัดคำสั่ง ให้เรียกใช้คำสั่งต่อไปนี้
Node.js
node --inspect file-name.js
Deno
deno --inspect file-name.js
เมื่อสร้างโปรไฟล์เสร็จสมบูรณ์แล้ว ผลลัพธ์จะแสดงในแผงประสิทธิภาพโดยอัตโนมัติ