ওয়েবের জন্য পারফরম্যান্স মনিটরিং দিয়ে শুরু করুন

শুরু করার আগে

যদি আপনি ইতিমধ্যেই না করে থাকেন, তাহলে কীভাবে করবেন তা শিখতে আপনার জাভাস্ক্রিপ্ট প্রকল্পে Firebase যোগ করুন দেখুন:

  • একটি ফায়ারবেস প্রকল্প তৈরি করুন

  • Firebase-এর সাথে আপনার ওয়েব অ্যাপ নিবন্ধন করুন

মনে রাখবেন যে যখন আপনি আপনার অ্যাপে Firebase যোগ করবেন, তখন আপনি এই পৃষ্ঠায় পরে বর্ণিত কিছু ধাপ সম্পূর্ণ করতে পারেন (উদাহরণস্বরূপ, SDK যোগ করা এবং Firebase শুরু করা)।

ধাপ ১ : 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();

ধাপ ২ : প্রথম ইনপুট বিলম্ব পলিফিল লাইব্রেরি যোগ করুন

প্রথম ইনপুট বিলম্ব মেট্রিক পরিমাপ করতে, আপনাকে এই মেট্রিকের জন্য পলিফিল লাইব্রেরি যোগ করতে হবে। ইনস্টলেশন নির্দেশাবলীর জন্য, লাইব্রেরির ডকুমেন্টেশন দেখুন।

অন্যান্য ওয়েব অ্যাপ মেট্রিক্স রিপোর্ট করার জন্য Performance Monitoring জন্য এই পলিফিল লাইব্রেরি যোগ করার প্রয়োজন নেই।

ধাপ ৩ : প্রাথমিক ডেটা প্রদর্শনের জন্য কর্মক্ষমতা ইভেন্ট তৈরি করুন

আপনার অ্যাপে SDK সফলভাবে যোগ করার পর Firebase ইভেন্টগুলি প্রক্রিয়াকরণ শুরু করে। যদি আপনি এখনও স্থানীয়ভাবে ডেভেলপ করেন, তাহলে প্রাথমিক ডেটা সংগ্রহ এবং প্রক্রিয়াকরণের জন্য ইভেন্ট তৈরি করতে আপনার অ্যাপের সাথে ইন্টারঅ্যাক্ট করুন।

  1. স্থানীয় পরিবেশে আপনার ওয়েব অ্যাপ পরিবেশন করুন এবং দেখুন।

  2. আপনার সাইটের জন্য সাবপেজ লোড করে, আপনার অ্যাপের সাথে ইন্টারঅ্যাক্ট করে এবং/অথবা নেটওয়ার্ক অনুরোধগুলি ট্রিগার করে ইভেন্ট তৈরি করুন। পৃষ্ঠা লোড হওয়ার পরে কমপক্ষে 10 সেকেন্ডের জন্য ব্রাউজার ট্যাবটি খোলা রাখতে ভুলবেন না।

  3. Firebase কনসোলের পারফরম্যান্স ড্যাশবোর্ডে যান। কয়েক মিনিটের মধ্যেই আপনার প্রাথমিক ডেটা প্রদর্শিত হবে।

    যদি আপনি আপনার প্রাথমিক ডেটার প্রদর্শন দেখতে না পান, তাহলে সমস্যা সমাধানের টিপসগুলি পর্যালোচনা করুন।

ধাপ ৪ : (ঐচ্ছিক) পারফর্ম্যান্স ইভেন্টের জন্য লগ বার্তা দেখুন

  1. আপনার ব্রাউজারের ডেভেলপার টুলগুলি খুলুন (উদাহরণস্বরূপ, Chrome Dev Tools-এর জন্য নেটওয়ার্ক ট্যাব অথবা Firefox-এর জন্য নেটওয়ার্ক মনিটরে )।

  2. ব্রাউজারে আপনার ওয়েব অ্যাপ রিফ্রেশ করুন।

  3. কোনও ত্রুটির বার্তার জন্য আপনার লগ বার্তাগুলি পরীক্ষা করুন।

  4. কয়েক সেকেন্ড পরে, আপনার ব্রাউজারের ডেভেলপার টুলগুলিতে firebaselogging.googleapis.com এ একটি নেটওয়ার্ক কল খুঁজুন। সেই নেটওয়ার্ক কলের উপস্থিতি দেখায় যে ব্রাউজারটি Firebase এ কর্মক্ষমতা ডেটা পাঠাচ্ছে।

যদি আপনার অ্যাপ পারফর্ম্যান্স ইভেন্ট লগ না করে, তাহলে সমস্যা সমাধানের টিপস পর্যালোচনা করুন।

ধাপ ৫ : (ঐচ্ছিক) নির্দিষ্ট কোডের জন্য কাস্টম মনিটরিং যোগ করুন

আপনার অ্যাপে নির্দিষ্ট কোডের সাথে সম্পর্কিত কর্মক্ষমতা ডেটা নিরীক্ষণ করতে, আপনি কাস্টম কোড ট্রেস ব্যবহার করতে পারেন।

একটি কাস্টম কোড ট্রেস ব্যবহার করে, আপনি পরিমাপ করতে পারেন যে আপনার অ্যাপটি একটি নির্দিষ্ট কাজ বা কাজের সেট সম্পূর্ণ করতে কত সময় নেয়, যেমন ছবির একটি সেট লোড করা বা আপনার ডাটাবেস অনুসন্ধান করা। একটি কাস্টম কোড ট্রেসের ডিফল্ট মেট্রিক হল এর সময়কাল, তবে আপনি ক্যাশে হিট এবং মেমরি সতর্কতার মতো কাস্টম মেট্রিকও যোগ করতে পারেন।

আপনার কোডে, আপনি Performance Monitoring SDK দ্বারা প্রদত্ত API ব্যবহার করে একটি কাস্টম কোড ট্রেসের শুরু এবং শেষ নির্ধারণ করেন (এবং যেকোনো পছন্দসই কাস্টম মেট্রিক্স যোগ করেন)।

এই বৈশিষ্ট্যগুলি এবং আপনার অ্যাপে কীভাবে এগুলি যোগ করবেন সে সম্পর্কে আরও জানতে নির্দিষ্ট কোডের জন্য Add Monitoring দেখুন।

ধাপ ৬ : আপনার অ্যাপটি স্থাপন করুন এবং ফলাফল পর্যালোচনা করুন

Performance Monitoring যাচাই করার পর, আপনি আপনার অ্যাপের আপডেটেড সংস্করণটি আপনার ব্যবহারকারীদের কাছে স্থাপন করতে পারেন।

আপনি Firebase কনসোলের পারফরম্যান্স ড্যাশবোর্ডে পারফরম্যান্স ডেটা পর্যবেক্ষণ করতে পারেন।

পরবর্তী পদক্ষেপ