Join us for Firebase Summit on November 10, 2021. Tune in to learn how Firebase can help you accelerate app development, release with confidence, and scale with ease. Register

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

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

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

  • একটি Firebase প্রকল্প তৈরি করুন

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

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

ধাপ 1: যোগ করুন এবং কর্মক্ষমতা নিরীক্ষণের আরম্ভ

  1. আপনি ইতিমধ্যে থাকে, তাহলে Firebase জাতীয় SDK এর ইনস্টল এবং Firebase আরম্ভ

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

    ওয়েব সংস্করণ 9

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

    ওয়েব সংস্করণ 8

    import firebase from "firebase/app";
    import "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
    firebase.initializeApp(firebaseConfig);
    
    // Initialize Performance Monitoring and get a reference to the service
    const perf = firebase.performance();
    

পদক্ষেপ 2: প্রথম ইনপুট বিলম্ব polyfill গ্রন্থাগার যোগ করুন

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

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

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

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

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

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

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

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

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

  1. আপনার ব্রাউজারের ডেভেলপার টুলস খুলুন (উদাহরণস্বরূপ, নেটওয়ার্ক ক্রোম দেব সরঞ্জাম করার জন্য ট্যাব অথবা ফায়ারফক্স জন্য নেটওয়ার্ক মনিটর )।

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

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

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

আপনার অ্যাপ্লিকেশন কর্মক্ষমতা ঘটনা লগিং না থাকে, পর্যালোচনা সমস্যা সমাধান টিপসের

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

, আপনি উপকরণ পারেন আপনার অ্যাপে নির্দিষ্ট কোডের মাধ্যমে যুক্ত কর্মক্ষমতা ডেটা পর্যবেক্ষণ করতে পারেন কাস্টম কোড ট্রেস

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

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

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

পদক্ষেপ 6: স্থাপন আপনার অ্যাপ তারপর পর্যালোচনা ফলাফল

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

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

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