Join us in person and online for Firebase Summit on October 18, 2022. Learn how Firebase can help you accelerate app development, release your app with confidence, and scale with ease. Register now

با نظارت بر عملکرد برای وب شروع کنید

با مجموعه‌ها، منظم بمانید ذخیره و دسته‌بندی محتوا براساس اولویت‌های شما.

قبل از اینکه شروع کنی

اگر قبلاً این کار را نکرده‌اید، از افزودن Firebase به پروژه جاوا اسکریپت خود بازدید کنید تا یاد بگیرید چگونه:

  • یک پروژه Firebase ایجاد کنید

  • برنامه وب خود را با Firebase ثبت کنید

توجه داشته باشید که وقتی Firebase را به برنامه خود اضافه می کنید، ممکن است برخی از مراحل توضیح داده شده در این صفحه را کامل کنید (به عنوان مثال، افزودن SDK و مقداردهی اولیه Firebase).

مرحله 1 : مانیتورینگ عملکرد را اضافه و مقداردهی اولیه کنید

  1. اگر قبلاً این کار را نکرده‌اید، Firebase JS SDK را نصب کرده و Firebase را مقداردهی اولیه کنید.

  2. Performance Monitoring JS SDK را اضافه کنید و Performance Monitoring را راه اندازی کنید:

Web version 9

import { initializeApp } from "firebase/app";
import { getPerformance } from "firebase/performance";

// TODO: Replace the following with your app's Firebase project configuration
// See: https://firebase.google.com/docs/web/learn-more#config-object
const firebaseConfig = {
  // ...
};

// Initialize Firebase
const app = initializeApp(firebaseConfig);


// Initialize Performance Monitoring and get a reference to the service
const perf = getPerformance(app);

Web version 8

import firebase from "firebase/app";
import "firebase/performance";

// TODO: Replace the following with your app's Firebase project configuration
// See: https://firebase.google.com/docs/web/learn-more#config-object
const firebaseConfig = {
  // ...
};

// Initialize Firebase
firebase.initializeApp(firebaseConfig);


// Initialize Performance Monitoring and get a reference to the service
const perf = firebase.performance();

مرحله 2 : اولین کتابخانه polyfill تاخیر ورودی را اضافه کنید

برای اندازه گیری اولین متریک تاخیر ورودی ، باید کتابخانه polyfill را برای این متریک اضافه کنید. برای دستورالعمل‌های نصب، به مستندات کتابخانه مراجعه کنید.

افزودن این کتابخانه polyfill برای نظارت بر عملکرد برای گزارش سایر معیارهای برنامه وب لازم نیست.

مرحله 3 : رویدادهای عملکرد را برای نمایش داده های اولیه ایجاد کنید

هنگامی که SDK را با موفقیت به برنامه خود اضافه کنید، Firebase پردازش رویدادها را شروع می کند. اگر هنوز به صورت محلی در حال توسعه هستید، با برنامه خود تعامل داشته باشید تا رویدادهایی برای جمع آوری و پردازش داده های اولیه ایجاد کنید.

  1. برنامه وب خود را در یک محیط محلی ارائه و مشاهده کنید.

  2. رویدادها را با بارگیری صفحات فرعی برای سایت خود، تعامل با برنامه خود و/یا راه اندازی درخواست های شبکه ایجاد کنید. مطمئن شوید که تب مرورگر را حداقل 10 ثانیه پس از بارگیری صفحه باز نگه دارید.

  3. به داشبورد Performance کنسول Firebase بروید. در عرض چند دقیقه باید نمایش داده های اولیه خود را ببینید.

    اگر نمایش داده‌های اولیه خود را نمی‌بینید، نکات عیب‌یابی را مرور کنید.

مرحله 4 : (اختیاری) پیام‌های گزارش رویدادهای عملکرد را مشاهده کنید

  1. ابزارهای توسعه دهنده مرورگر خود را باز کنید (به عنوان مثال، برگه شبکه برای ابزارهای توسعه کروم یا در مانیتور شبکه برای فایرفاکس ).

  2. برنامه وب خود را در مرورگر به روز کنید.

  3. پیام های گزارش خود را برای هرگونه پیام خطا بررسی کنید.

  4. پس از چند ثانیه، به دنبال تماس شبکه با firebaselogging.googleapis.com در ابزارهای توسعه دهنده مرورگر خود بگردید. وجود آن تماس شبکه نشان می دهد که مرورگر در حال ارسال داده های عملکرد به Firebase است.

اگر برنامه شما رویدادهای عملکرد را ثبت نمی‌کند، نکات عیب‌یابی را مرور کنید.

مرحله 5 : (اختیاری) نظارت سفارشی را برای کد خاص اضافه کنید

برای نظارت بر داده های عملکرد مرتبط با کد خاص در برنامه خود، می توانید ردیابی کد سفارشی را ابزار کنید.

با ردیابی کد سفارشی، می توانید اندازه گیری کنید که برنامه شما چقدر طول می کشد تا یک کار خاص یا مجموعه ای از وظایف را انجام دهد، مانند بارگیری مجموعه ای از تصاویر یا جستجو در پایگاه داده شما. معیار پیش‌فرض برای ردیابی کد سفارشی مدت زمان آن است، اما می‌توانید معیارهای سفارشی مانند بازدیدهای حافظه پنهان و هشدارهای حافظه را نیز اضافه کنید.

در کد خود، ابتدا و انتهای یک ردیابی کد سفارشی را تعریف می‌کنید (و هر معیار دلخواه دلخواه را اضافه می‌کنید) با استفاده از API ارائه‌شده توسط Performance Monitoring SDK.

برای کسب اطلاعات بیشتر در مورد این ویژگی‌ها و نحوه افزودن آن‌ها به برنامه‌تان، از Add monitoring برای کد خاصی دیدن کنید.

مرحله 6 : برنامه خود را اجرا کنید و نتایج را بررسی کنید

پس از تأیید عملکرد مانیتورینگ، می توانید نسخه به روز شده برنامه خود را برای کاربران خود مستقر کنید.

می توانید داده های عملکرد را در داشبورد عملکرد کنسول Firebase نظارت کنید.

مراحل بعدی