আপনি শুরু করার আগে
আপনি যদি ইতিমধ্যে না করে থাকেন, তাহলে কীভাবে করবেন তা শিখতে আপনার JavaScript প্রকল্পে Firebase যোগ করুন- এ যান:
একটি ফায়ারবেস প্রকল্প তৈরি করুন
Firebase এর সাথে আপনার ওয়েব অ্যাপ নিবন্ধন করুন
মনে রাখবেন যে আপনি যখন আপনার অ্যাপে Firebase যোগ করবেন, তখন আপনি এই পৃষ্ঠায় পরে বর্ণিত কিছু ধাপ সম্পূর্ণ করতে পারেন (উদাহরণস্বরূপ, SDK যোগ করা এবং Firebase শুরু করা)।
ধাপ 1 : Performance Monitoring যোগ করুন এবং শুরু করুন
আপনি যদি ইতিমধ্যেই না করে থাকেন তাহলে Firebase JS SDK ইনস্টল করুন এবং Firebase শুরু করুন ।
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 : প্রথম ইনপুট বিলম্ব পলিফিল লাইব্রেরি যোগ করুন
প্রথম ইনপুট বিলম্ব মেট্রিক পরিমাপ করতে, আপনাকে এই মেট্রিকের জন্য পলিফিল লাইব্রেরি যোগ করতে হবে। ইনস্টলেশন নির্দেশাবলীর জন্য, লাইব্রেরির ডকুমেন্টেশন পড়ুন।
এই পলিফিল লাইব্রেরি যোগ করার প্রয়োজন হয় না Performance Monitoring জন্য অন্যান্য ওয়েব অ্যাপ মেট্রিক্স রিপোর্ট করার জন্য।
ধাপ 3 : প্রাথমিক ডেটা প্রদর্শনের জন্য কর্মক্ষমতা ইভেন্ট তৈরি করুন
আপনি সফলভাবে আপনার অ্যাপে SDK যোগ করলে Firebase ইভেন্টগুলি প্রক্রিয়া করা শুরু করে। আপনি যদি এখনও স্থানীয়ভাবে বিকাশ করছেন, প্রাথমিক ডেটা সংগ্রহ এবং প্রক্রিয়াকরণের জন্য ইভেন্ট তৈরি করতে আপনার অ্যাপের সাথে যোগাযোগ করুন।
পরিবেশন করুন এবং একটি স্থানীয় পরিবেশে আপনার ওয়েব অ্যাপ দেখুন।
আপনার সাইটের জন্য সাবপেজ লোড করে, আপনার অ্যাপের সাথে ইন্টারঅ্যাক্ট করে এবং/অথবা নেটওয়ার্ক অনুরোধ ট্রিগার করে ইভেন্ট তৈরি করুন। পৃষ্ঠা লোড হওয়ার পরে অন্তত 10 সেকেন্ডের জন্য ব্রাউজার ট্যাবটি খোলা রাখা নিশ্চিত করুন৷
Firebase কনসোলের পারফরম্যান্স ড্যাশবোর্ডে যান। আপনি কয়েক মিনিটের মধ্যে আপনার প্রাথমিক তথ্য প্রদর্শন দেখতে হবে.
আপনি যদি আপনার প্রাথমিক ডেটার একটি প্রদর্শন দেখতে না পান, তাহলে সমস্যা সমাধানের টিপস পর্যালোচনা করুন৷
ধাপ 4 : (ঐচ্ছিক) কর্মক্ষমতা ইভেন্টের জন্য লগ বার্তা দেখুন
আপনার ব্রাউজারের বিকাশকারী সরঞ্জামগুলি খুলুন (উদাহরণস্বরূপ, Chrome ডেভ টুলগুলির জন্য নেটওয়ার্ক ট্যাব বা Firefox এর জন্য নেটওয়ার্ক মনিটরে )৷
ব্রাউজারে আপনার ওয়েব অ্যাপ রিফ্রেশ করুন।
কোনো ত্রুটি বার্তা জন্য আপনার লগ বার্তা পরীক্ষা করুন.
কয়েক সেকেন্ড পরে, আপনার ব্রাউজারের বিকাশকারী সরঞ্জামগুলিতে
firebaselogging.googleapis.com
এ একটি নেটওয়ার্ক কল খুঁজুন। সেই নেটওয়ার্ক কলের উপস্থিতি দেখায় যে ব্রাউজারটি ফায়ারবেসে কর্মক্ষমতা ডেটা পাঠাচ্ছে।
যদি আপনার অ্যাপ পারফরম্যান্স ইভেন্টগুলি লগিং না করে, তাহলে সমস্যা সমাধানের টিপস পর্যালোচনা করুন৷
ধাপ 5 : (ঐচ্ছিক) নির্দিষ্ট কোডের জন্য কাস্টম মনিটরিং যোগ করুন
আপনার অ্যাপে নির্দিষ্ট কোডের সাথে যুক্ত কর্মক্ষমতা ডেটা নিরীক্ষণ করতে, আপনি কাস্টম কোড ট্রেস যন্ত্র করতে পারেন।
একটি কাস্টম কোড ট্রেস দিয়ে, আপনি পরিমাপ করতে পারেন যে আপনার অ্যাপটি একটি নির্দিষ্ট কাজ বা কাজের সেট সম্পূর্ণ করতে কতক্ষণ সময় নেয়, যেমন ছবির একটি সেট লোড করা বা আপনার ডাটাবেস অনুসন্ধান করা। একটি কাস্টম কোড ট্রেসের জন্য ডিফল্ট মেট্রিক হল এর সময়কাল, তবে আপনি কাস্টম মেট্রিক্সও যোগ করতে পারেন, যেমন ক্যাশে হিট এবং মেমরি সতর্কতা।
আপনার কোডে, আপনি Performance Monitoring SDK দ্বারা প্রদত্ত API ব্যবহার করে একটি কাস্টম কোড ট্রেসের শুরু এবং শেষ (এবং যেকোনো পছন্দসই কাস্টম মেট্রিক্স যোগ করুন) সংজ্ঞায়িত করেন।
এই বৈশিষ্ট্যগুলি সম্পর্কে আরও জানতে এবং কীভাবে সেগুলিকে আপনার অ্যাপে যুক্ত করবেন তা জানতে নির্দিষ্ট কোডের জন্য নিরীক্ষণ যোগ করুন- এ যান৷
ধাপ 6 : আপনার অ্যাপ স্থাপন করুন তারপর ফলাফল পর্যালোচনা করুন
আপনি Performance Monitoring যাচাই করার পরে, আপনি আপনার ব্যবহারকারীদের কাছে আপনার অ্যাপের আপডেট করা সংস্করণ স্থাপন করতে পারেন৷
আপনি Firebase কনসোলের পারফরম্যান্স ড্যাশবোর্ডে কর্মক্ষমতা ডেটা নিরীক্ষণ করতে পারেন।
পরবর্তী পদক্ষেপ
ওয়েব কোডল্যাবের জন্য Firebase Performance Monitoring সাথে হ্যান্ডস-অন অভিজ্ঞতা পান।
Performance Monitoring দ্বারা স্বয়ংক্রিয়ভাবে সংগৃহীত ডেটা সম্পর্কে আরও জানুন:
- আপনার অ্যাপে পৃষ্ঠা লোড করার জন্য ডেটা
- আপনার অ্যাপ দ্বারা জারি করা HTTP/S নেটওয়ার্ক অনুরোধের জন্য ডেটা
Firebase কনসোলে আপনার কর্মক্ষমতা ডেটা দেখুন, ট্র্যাক করুন এবং ফিল্টার করুন
কাস্টম কোড ট্রেস ইনস্ট্রুমেন্ট করে আপনার অ্যাপে নির্দিষ্ট কাজ বা ওয়ার্কফ্লোগুলির জন্য মনিটরিং যোগ করুন
আপনি শুরু করার আগে
আপনি যদি ইতিমধ্যে না করে থাকেন, তাহলে কীভাবে করবেন তা শিখতে আপনার JavaScript প্রকল্পে Firebase যোগ করুন- এ যান:
একটি ফায়ারবেস প্রকল্প তৈরি করুন
Firebase এর সাথে আপনার ওয়েব অ্যাপ নিবন্ধন করুন
মনে রাখবেন যে আপনি যখন আপনার অ্যাপে Firebase যোগ করবেন, তখন আপনি এই পৃষ্ঠায় পরে বর্ণিত কিছু ধাপ সম্পূর্ণ করতে পারেন (উদাহরণস্বরূপ, SDK যোগ করা এবং Firebase শুরু করা)।
ধাপ 1 : Performance Monitoring যোগ করুন এবং শুরু করুন
আপনি যদি ইতিমধ্যেই না করে থাকেন তাহলে Firebase JS SDK ইনস্টল করুন এবং Firebase শুরু করুন ।
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 : প্রথম ইনপুট বিলম্ব পলিফিল লাইব্রেরি যোগ করুন
প্রথম ইনপুট বিলম্ব মেট্রিক পরিমাপ করতে, আপনাকে এই মেট্রিকের জন্য পলিফিল লাইব্রেরি যোগ করতে হবে। ইনস্টলেশন নির্দেশাবলীর জন্য, লাইব্রেরির ডকুমেন্টেশন পড়ুন।
এই পলিফিল লাইব্রেরি যোগ করার প্রয়োজন হয় না Performance Monitoring জন্য অন্যান্য ওয়েব অ্যাপ মেট্রিক্স রিপোর্ট করার জন্য।
ধাপ 3 : প্রাথমিক ডেটা প্রদর্শনের জন্য কর্মক্ষমতা ইভেন্ট তৈরি করুন
আপনি সফলভাবে আপনার অ্যাপে SDK যোগ করলে Firebase ইভেন্টগুলি প্রক্রিয়া করা শুরু করে। আপনি যদি এখনও স্থানীয়ভাবে বিকাশ করছেন, প্রাথমিক ডেটা সংগ্রহ এবং প্রক্রিয়াকরণের জন্য ইভেন্ট তৈরি করতে আপনার অ্যাপের সাথে যোগাযোগ করুন।
পরিবেশন করুন এবং একটি স্থানীয় পরিবেশে আপনার ওয়েব অ্যাপ দেখুন।
আপনার সাইটের জন্য সাবপেজ লোড করে, আপনার অ্যাপের সাথে ইন্টারঅ্যাক্ট করে এবং/অথবা নেটওয়ার্ক অনুরোধ ট্রিগার করে ইভেন্ট তৈরি করুন। পৃষ্ঠা লোড হওয়ার পরে অন্তত 10 সেকেন্ডের জন্য ব্রাউজার ট্যাবটি খোলা রাখা নিশ্চিত করুন৷
Firebase কনসোলের পারফরম্যান্স ড্যাশবোর্ডে যান। আপনি কয়েক মিনিটের মধ্যে আপনার প্রাথমিক তথ্য প্রদর্শন দেখতে হবে.
আপনি যদি আপনার প্রাথমিক ডেটার একটি প্রদর্শন দেখতে না পান, তাহলে সমস্যা সমাধানের টিপস পর্যালোচনা করুন৷
ধাপ 4 : (ঐচ্ছিক) কর্মক্ষমতা ইভেন্টের জন্য লগ বার্তা দেখুন
আপনার ব্রাউজারের বিকাশকারী সরঞ্জামগুলি খুলুন (উদাহরণস্বরূপ, Chrome ডেভ টুলগুলির জন্য নেটওয়ার্ক ট্যাব বা Firefox এর জন্য নেটওয়ার্ক মনিটরে )৷
ব্রাউজারে আপনার ওয়েব অ্যাপ রিফ্রেশ করুন।
কোনো ত্রুটি বার্তা জন্য আপনার লগ বার্তা পরীক্ষা করুন.
কয়েক সেকেন্ড পরে, আপনার ব্রাউজারের বিকাশকারী সরঞ্জামগুলিতে
firebaselogging.googleapis.com
এ একটি নেটওয়ার্ক কল খুঁজুন। সেই নেটওয়ার্ক কলের উপস্থিতি দেখায় যে ব্রাউজারটি ফায়ারবেসে কর্মক্ষমতা ডেটা পাঠাচ্ছে।
যদি আপনার অ্যাপ পারফরম্যান্স ইভেন্টগুলি লগিং না করে, তাহলে সমস্যা সমাধানের টিপস পর্যালোচনা করুন৷
ধাপ 5 : (ঐচ্ছিক) নির্দিষ্ট কোডের জন্য কাস্টম মনিটরিং যোগ করুন
আপনার অ্যাপে নির্দিষ্ট কোডের সাথে যুক্ত কর্মক্ষমতা ডেটা নিরীক্ষণ করতে, আপনি কাস্টম কোড ট্রেস যন্ত্র করতে পারেন।
একটি কাস্টম কোড ট্রেস দিয়ে, আপনি পরিমাপ করতে পারেন যে আপনার অ্যাপটি একটি নির্দিষ্ট কাজ বা কাজের সেট সম্পূর্ণ করতে কতক্ষণ সময় নেয়, যেমন ছবির একটি সেট লোড করা বা আপনার ডাটাবেস অনুসন্ধান করা। একটি কাস্টম কোড ট্রেসের জন্য ডিফল্ট মেট্রিক হল এর সময়কাল, তবে আপনি কাস্টম মেট্রিক্সও যোগ করতে পারেন, যেমন ক্যাশে হিট এবং মেমরি সতর্কতা।
আপনার কোডে, আপনি Performance Monitoring SDK দ্বারা প্রদত্ত API ব্যবহার করে একটি কাস্টম কোড ট্রেসের শুরু এবং শেষ (এবং যেকোনো পছন্দসই কাস্টম মেট্রিক্স যোগ করুন) সংজ্ঞায়িত করেন।
এই বৈশিষ্ট্যগুলি সম্পর্কে আরও জানতে এবং কীভাবে সেগুলিকে আপনার অ্যাপে যুক্ত করবেন তা জানতে নির্দিষ্ট কোডের জন্য নিরীক্ষণ যোগ করুন- এ যান৷
ধাপ 6 : আপনার অ্যাপ স্থাপন করুন তারপর ফলাফল পর্যালোচনা করুন
আপনি Performance Monitoring যাচাই করার পরে, আপনি আপনার ব্যবহারকারীদের কাছে আপনার অ্যাপের আপডেট করা সংস্করণ স্থাপন করতে পারেন৷
আপনি Firebase কনসোলের পারফরম্যান্স ড্যাশবোর্ডে কর্মক্ষমতা ডেটা নিরীক্ষণ করতে পারেন।
পরবর্তী পদক্ষেপ
ওয়েব কোডল্যাবের জন্য Firebase Performance Monitoring সাথে হ্যান্ডস-অন অভিজ্ঞতা পান।
Performance Monitoring দ্বারা স্বয়ংক্রিয়ভাবে সংগৃহীত ডেটা সম্পর্কে আরও জানুন:
- আপনার অ্যাপে পৃষ্ঠা লোড করার জন্য ডেটা
- আপনার অ্যাপ দ্বারা জারি করা HTTP/S নেটওয়ার্ক অনুরোধের জন্য ডেটা
Firebase কনসোলে আপনার কর্মক্ষমতা ডেটা দেখুন, ট্র্যাক করুন এবং ফিল্টার করুন
কাস্টম কোড ট্রেস ইনস্ট্রুমেন্ট করে আপনার অ্যাপে নির্দিষ্ট কাজ বা ওয়ার্কফ্লোগুলির জন্য মনিটরিং যোগ করুন