สร้างโปรไฟล์ประสิทธิภาพ Node.js ด้วยแผงประสิทธิภาพ

Jecelyn Yeen
Nancy Li
Nancy Li
LinkedIn
Dale St. Marthe
Dale St. Marthe
GitHub LinkedIn

ใช้แผงประสิทธิภาพเพื่อโปรไฟล์ประสิทธิภาพของแอปพลิเคชัน Node.js และ Deno

โปรไฟล์ CPU คืออะไร

โปรไฟล์ CPU คือรายงานที่แสดงวิธีใช้ CPU ในช่วงเวลาหนึ่ง โดยจะแสดงให้เห็นว่าโปรแกรมใดใช้เวลา CPU มากที่สุด กระบวนการที่ทำงานอยู่ และระยะเวลาที่ใช้ในแต่ละสถานะ เมื่อใช้โปรไฟล์ CPU คุณจะระบุจุดคอขวดด้านประสิทธิภาพและเพิ่มประสิทธิภาพการใช้ทรัพยากรของ CPU ได้

เปิดเครื่องมือสำหรับนักพัฒนาเว็บสำหรับโหนด

  1. ในบรรทัดคำสั่ง ให้เรียกใช้คำสั่งต่อไปนี้

    Node.js

    node --inspect file-name.js

    เดโน

    deno --inspect file-name.js

  2. เชื่อมต่อกับเครื่องมือสำหรับนักพัฒนาเว็บสำหรับโหนดด้วยวิธีใดวิธีหนึ่งต่อไปนี้

    • เปิดเครื่องมือสำหรับนักพัฒนาเว็บ แล้วคลิกปุ่มโหนดสีเขียวในแถบการทำงานของเครื่องมือสำหรับนักพัฒนาเว็บที่ด้านบน

    • ในแถบที่อยู่ ให้ป้อน chrome://inspect แล้วคลิกตัวเลือกใดตัวเลือกหนึ่งต่อไปนี้

      • เปิดเครื่องมือสำหรับนักพัฒนาเว็บสำหรับโหนดในส่วนอุปกรณ์
      • ตรวจสอบใต้เป้าหมายที่ต้องการโปรไฟล์

    วิธีต่างๆ ในการเปิดเครื่องมือสำหรับนักพัฒนาเว็บสำหรับโหนด

ทำโปรไฟล์ CPU

หากต้องการโปรไฟล์ CPU ให้เปิดแผงประสิทธิภาพ แล้วคลิกปุ่มบันทึก radio_button_checked 2 ครั้งเพื่อเริ่มและสิ้นสุดการทำโปรไฟล์

ปุ่มบันทึกและตัวเลือกอินสแตนซ์ VM

วิเคราะห์ผลการทำโปรไฟล์

หลังจากหยุดการบันทึก แผงประสิทธิภาพจะจัดระเบียบและแสดงข้อมูลเกี่ยวกับการบันทึกใน "โปรไฟล์" ใช้แท็บต่อไปนี้เพื่อวิเคราะห์ข้อมูลการสร้างโปรไฟล์

  • ภาพรวมของไทม์ไลน์ ซึ่งจะอยู่ที่ด้านบนใต้แถบกิจกรรม แสดงแผนภูมิกิจกรรม CPU และ NET บนไทม์ไลน์ ใช้เพื่อระบุจุดคอขวดด้านประสิทธิภาพ

    ภาพรวมไทม์ไลน์

  • ล่างขึ้นบน: ใช้แท็บนี้เพื่อตรวจสอบส่วนที่เลือกของการบันทึก และดูเวลารวมที่ใช้ไปกับกิจกรรมแต่ละรายการ

    แท็บล่างขึ้นบน

  • แผนผังการเรียกใช้: แท็บนี้จะแสดงกิจกรรมรากของส่วนที่เลือกของการบันทึก นอกจากนี้ กิจกรรมรูทยังมีสแต็กการเรียกใช้ที่ซ้อนอยู่อีกด้วย ใช้แท็บนี้เพื่อระบุกิจกรรมที่ทำให้เกิดการทำงานมากที่สุด

    แท็บ Call Tree

  • บันทึกเหตุการณ์: แท็บนี้จะแสดงกิจกรรมจากส่วนของการบันทึกที่เลือกไว้ตามลำดับที่เกิดขึ้น

    แท็บบันทึกเหตุการณ์

โปรไฟล์ด้วยคำสั่ง console.profile()

เครื่องมือสำหรับนักพัฒนาเว็บช่วยให้คุณโปรไฟล์ประสิทธิภาพของ CPU ของ JavaScript ได้ด้วยคำสั่ง console.profile() เพิ่มคำสั่งนี้ลงในโค้ดแล้วเรียกใช้ไฟล์ หรือคัดลอกและวางโค้ดลงในคอนโซลได้ แผงประสิทธิภาพจะแสดงผลลัพธ์

หากต้องการใช้คำสั่งนี้ ให้ทำตามขั้นตอนต่อไปนี้

  1. ใส่รหัสไว้ใน console.profile() และ console.profileEnd() เช่น

    console.profile( profile ${i} );
// Code to be profiled
doSomething();
console.profileEnd();

  2. เรียกใช้โค้ดด้วยหนึ่งใน 2 วิธีต่อไปนี้

เมื่อโปรไฟล์สมบูรณ์แล้ว ผลลัพธ์จะแสดงในแผงประสิทธิภาพโดยอัตโนมัติ