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

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

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

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

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

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

    Node.js

    node --inspect file-name.js

    Deno

    deno --inspect file-name.js
  2. เชื่อมต่อกับ DevTools สำหรับ Node ด้วยวิธีใดวิธีหนึ่งต่อไปนี้

    • เปิดเครื่องมือสำหรับนักพัฒนาเว็บ แล้วคลิกปุ่ม Node สีเขียวในแถบการดำเนินการของเครื่องมือสำหรับนักพัฒนาเว็บที่ด้านบน
    • ป้อน chrome://inspect ในแถบที่อยู่ แล้วคลิกตัวเลือกใดตัวเลือกหนึ่งต่อไปนี้

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

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

สร้างโปรไฟล์ CPU

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

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

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

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

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

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

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

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

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

    แท็บแผนผังการเรียกใช้

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

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

โปรไฟล์ที่มีคำสั่ง console.profile()

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

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

  1. ใส่โค้ดของคุณด้วย console.profile() และ console.profileEnd() เช่น

    console.profile( profile ${i} );
    // Code to be profiled
    doSomething();
    console.profileEnd();
    
  2. เรียกใช้โค้ดได้ 2 วิธีดังนี้

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