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

শুরু করার আগে

যদি আপনি ইতিমধ্যে তা না করে থাকেন, তাহলে কীভাবে তা করতে হয় তা জানতে আপনার জাভাস্ক্রিপ্ট প্রকল্পে ফায়ারবেস যোগ করুন (Add Firebase to your JavaScript project) দেখুন:

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

  • আপনার ওয়েব অ্যাপটি ফায়ারবেসে নিবন্ধন করুন

মনে রাখবেন যে, আপনার অ্যাপে 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. আপনার সাইটের সাবপেজ লোড করে, আপনার অ্যাপের সাথে ইন্টারঅ্যাক্ট করে, এবং/অথবা নেটওয়ার্ক রিকোয়েস্ট ট্রিগার করে ইভেন্ট তৈরি করুন। পেজ লোড হওয়ার পর ব্রাউজার ট্যাবটি কমপক্ষে ১০ সেকেন্ডের জন্য খোলা রাখতে ভুলবেন না।

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

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

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

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

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

  3. কোনো ত্রুটির বার্তা আছে কিনা তা জানতে আপনার লগ বার্তাগুলো দেখুন।

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

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

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

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

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

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

এই বৈশিষ্ট্যগুলি সম্পর্কে আরও জানতে এবং আপনার অ্যাপে সেগুলি কীভাবে যুক্ত করবেন তা জানতে, 'নির্দিষ্ট কোডের জন্য মনিটরিং যোগ করুন' (Add monitoring for specific code) অংশটি দেখুন।

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

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

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

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