الصفحة الرئيسية>المتعلقة بالبرمجة>شفرة المصدر الأخرى
تنزيل

رؤى السرعة

رؤى سرعة Vercel
رؤى الأداء لموقع الويب الخاص بك

الموقع الإلكتروني · التوثيق · تويتر

ملخص

يقوم @vercel/speed-insights تلقائيًا بتتبع مؤشرات الويب الحيوية ومقاييس الأداء الأخرى لموقعك على الويب.

لا تقوم هذه الحزمة بتتبع البيانات في وضع التطوير.

لديها تكامل من الدرجة الأولى مع:

نطاق طَرد
Next.js @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

كما أنه يدعم أطر العمل الأخرى وVilla JS والمواقع الثابتة.

بداية سريعة

  1. تمكين Vercel Speed ​​Insights لمشروع في لوحة تحكم Vercel.

  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 وشاهد تدفق البيانات.

التوثيق

يمكنك العثور على مزيد من التفاصيل حول هذه الحزمة في وثائقنا.

يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل