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

قبل از شروع

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

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

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

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

مرحله 1 : Performance Monitoring اضافه و مقداردهی اولیه کنید

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

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

Web

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

import firebase from "firebase/compat/app";
import "firebase/compat/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 برای Performance Monitoring برای گزارش سایر معیارهای برنامه وب لازم نیست.

مرحله 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 : برنامه خود را اجرا کنید و نتایج را بررسی کنید

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

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

مراحل بعدی