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

তুমি শুরু করার আগে

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

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

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

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

ধাপ 1 : পারফরম্যান্স মনিটরিং যোগ করুন এবং শুরু করুন

  1. আপনি যদি ইতিমধ্যেই না করে থাকেন তাহলে Firebase JS SDK ইনস্টল করুন এবং Firebase শুরু করুন

  2. পারফরমেন্স মনিটরিং JS SDK যোগ করুন এবং পারফরম্যান্স মনিটরিং শুরু করুন:

ওয়েব মডুলার API

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);

ওয়েব নামস্থান API

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 : প্রথম ইনপুট বিলম্ব পলিফিল লাইব্রেরি যোগ করুন

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

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

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

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

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

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

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

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

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

  1. আপনার ব্রাউজারের বিকাশকারী সরঞ্জামগুলি খুলুন (উদাহরণস্বরূপ, Chrome ডেভ টুলগুলির জন্য নেটওয়ার্ক ট্যাব বা Firefox এর জন্য নেটওয়ার্ক মনিটরে )৷

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

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

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

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

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

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

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

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

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

ধাপ 6 : আপনার অ্যাপ স্থাপন করুন তারপর ফলাফল পর্যালোচনা করুন

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

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

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