หน้าแรก>การเขียนโปรแกรมที่เกี่ยวข้อง>ซอร์สโค้ดอื่น ๆ
ดาวน์โหลด

ข้อมูลเชิงลึกด้านความเร็ว

ข้อมูลเชิงลึกเกี่ยวกับความเร็วของ Vercel
ข้อมูลเชิงลึกด้านประสิทธิภาพสำหรับเว็บไซต์ของคุณ

เว็บไซต์ · เอกสาร · ทวิตเตอร์

ภาพรวม

@vercel/speed-insights ติดตาม Web Vitals และตัวชี้วัดประสิทธิภาพอื่นๆ สำหรับเว็บไซต์ของคุณโดยอัตโนมัติ

แพ็คเกจนี้ ไม่ ติดตามข้อมูลในโหมดการพัฒนา

มีการบูรณาการชั้น 1 กับ:

กรอบ บรรจุุภัณฑ์
เน็กซ์.เจส @vercel/speed-insights/next
นัท @vercel/speed-insights/nuxt
สเวลเทคิท @vercel/speed-insights/sveltekit
รีมิกซ์ @vercel/speed-insights/remix
ตอบสนอง @vercel/speed-insights/react
แอสโตร @vercel/speed-insights/astro
วิว @vercel/speed-insights/vue

นอกจากนี้ยังรองรับเฟรมเวิร์กอื่นๆ, vanilla JS และเว็บไซต์แบบคงที่

เริ่มต้นอย่างรวดเร็ว

  1. เปิดใช้งาน Vercel Speed ​​Insights สำหรับโปรเจ็กต์ใน Vercel Dashboard

  2. เพิ่มแพ็คเกจ @vercel/speed-insights ให้กับโปรเจ็กต์ของคุณ

  3. เพิ่มข้อมูลเชิงลึกด้านความเร็วให้กับแอปของคุณ

    • หากคุณใช้ Next.js , React , Nuxt หรือ Vue คุณสามารถใช้คอมโพเนนต์ <SpeedInsights /> เฉพาะเฟรมเวิร์กเพื่อแทรกสคริปต์ลงในแอปของคุณได้
    • หากคุณใช้ Sveltekit คุณสามารถใช้ฟังก์ชัน injectSpeedInsights() @vercel/speed-insights/sveltekit ในไฟล์ +layout.js/ts ระดับบนสุดของคุณได้
    • สำหรับเฟรมเวิร์กอื่นๆ คุณสามารถใช้ฟังก์ชัน inject เพิ่มสคริปต์ติดตามลงในแอปของคุณได้
    • หากคุณต้องการใช้ Vercel Speed ​​Insights บนไซต์แบบคงที่โดยไม่มี npm ให้ทำตามคำแนะนำในเอกสารประกอบ

  4. ปรับใช้แอปของคุณกับ Vercel และดูข้อมูลที่ไหลเข้า

เอกสารประกอบ

ค้นหารายละเอียดเพิ่มเติมเกี่ยวกับแพ็คเกจนี้ในเอกสารประกอบของเรา

ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด