Google is committed to advancing racial equity for Black communities. See how.
This page was translated by the Cloud Translation API.
Switch to English

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

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

আপনি যদি ইতিমধ্যে না থাকেন তবে কীভাবে তা শিখতে আপনার জাভাস্ক্রিপ্ট প্রকল্পে ফায়ারবেস যুক্ত করুন :

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

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

মনে রাখবেন যে আপনি যখন আপনার অ্যাপ্লিকেশনটিতে ফায়ারবেস যুক্ত করবেন তখন আপনি এই পৃষ্ঠায় বর্ণিত কয়েকটি পদক্ষেপও পূরণ করতে পারেন (উদাহরণস্বরূপ, ফায়ারবেস এসডিকে যুক্ত করা এবং ফায়ারবেস শুরু করা )।

পদক্ষেপ 1 : পারফরম্যান্স মনিটরিং যুক্ত করুন এবং ফায়ারবেস আরম্ভ করুন

যদি আপনি ইতিমধ্যে না পেয়ে থাকেন তবে পারফরম্যান্স মনিটরিং এসডিকে যুক্ত করুন এবং নীচের বিকল্পগুলির মধ্যে একটি ব্যবহার করে আপনার অ্যাপ্লিকেশনটিতে ফায়ারবেস শুরু করুন। আপনার বিকল্পগুলির মধ্যে চয়ন করতে আপনাকে সাহায্য করার জন্য নিম্নলিখিতগুলি বিবেচনা করুন (আরও বিস্তারিত তথ্যের জন্য স্বতন্ত্র ট্যাবগুলি দেখুন):

  • সিডিএন (স্বতন্ত্র এসডিকে) থেকে - পারফরম্যান্স মনিটরিং যদি আপনার অ্যাপের একমাত্র ফায়ারবেস পণ্য হয় তবে এই বিকল্পটি সিডিএন থেকে একক, হালকা ওজনের এসডিকে লোড করে।

  • সিডিএন (স্ট্যান্ডার্ড এসডিকে) থেকে - আপনি যদি আপনার অ্যাপে অন্য ফায়ারবেস পণ্য ব্যবহার করেন তবে এই বিকল্পটি সিডিএন থেকে অন্য ফায়ারবেস লাইব্রেরি সহ পারফরম্যান্স মনিটরিং এসডিকে লোড করে।

  • হোস্টিং ইউআরএল থেকে - আপনি যদি ফায়ারবেস হোস্টিং ব্যবহার করছেন তবে ফায়ারবেস শুরু করার সময় এই বিকল্পটি আপনার ফায়ারবেস কনফিগারেশন পরিচালনার জন্য একটি সুবিধা দেয় offers

  • মডিউল বান্ডিলারগুলি ব্যবহার করে - আপনি যদি কোনও বান্ডিলার ব্যবহার করেন (যেমন ব্রাউজারফি বা ওয়েবপ্যাক), আপনার প্রয়োজন হলে পৃথক মডিউলগুলি আমদানি করতে এই বিকল্পটি ব্যবহার করুন।

আপনি পারফরম্যান্স মনিটরিং এসডিকে যুক্ত করার পরে, ফায়ারবেস স্বয়ংক্রিয়ভাবে আপনার অ্যাপের পৃষ্ঠা লোডিং এবং এইচটিটিপি / এস নেটওয়ার্কের অনুরোধগুলির জন্য ডেটা সংগ্রহ শুরু করে।

সিডিএন থেকে

আপনি ফায়ারবেস জাভাস্ক্রিপ্ট এসডিকে আংশিক আমদানি কনফিগার করতে পারেন এবং কেবল আপনার প্রয়োজন ফায়ারবেস লাইব্রেরি লোড করতে পারেন। ফায়ারবেস ফায়ারবেস জাভাস্ক্রিপ্ট এসডিকে প্রতিটি লাইব্রেরি আমাদের গ্লোবাল সিডিএন (সামগ্রী বিতরণ নেটওয়ার্ক) এ সঞ্চয় করে।

সিডিএন থেকে পারফরম্যান্স মনিটরিং এসডিকে অন্তর্ভুক্ত করতে আপনার কাছে দুটি বিকল্প রয়েছে:

  • স্বতন্ত্র SDK - পারফরম্যান্স মনিটরিং হ'ল একমাত্র ফায়ারবেস পণ্য যা আপনি আপনার অ্যাপ্লিকেশনটিতে ব্যবহার করেন।
  • স্ট্যান্ডার্ড এসডিকে - আপনি আপনার অ্যাপ্লিকেশনটিতে অন্য ফায়ারবেস পণ্যগুলির সাথে পারফরম্যান্স মনিটরিং ব্যবহার করছেন।

স্বতন্ত্র SDK

পারফরম্যান্স মনিটরিং যদি আপনার অ্যাপের একমাত্র ফায়ারবেস পণ্য হয় তবে আপনি যদি আগ্রহী হন তবে স্বতন্ত্র পারফরম্যান্স মনিটরিং এসডিকে (এবং নীচে প্রস্তাবিত শিরোনাম স্ক্রিপ্ট) ব্যবহার করুন:

  • আপনার এসডিকে প্যাকেজের আকার হ্রাস করছে
  • আপনার পৃষ্ঠা লোড হওয়ার পরে অবধি এসডিকে শুরু করতে বিলম্ব করা

আপনার অ্যাপ্লিকেশনটিতে স্ট্যান্ডেলোন পারফরম্যান্স মনিটরিং এসডিকে অন্তর্ভুক্ত করতে এবং এটির পৃষ্ঠায়িতকরণের পরে এর সূচনাটি বিলম্ব করতে:

  1. আপনার সূচক ফাইলের শিরোনামে নিম্নলিখিত স্ক্রিপ্টটি যুক্ত করুন।
  2. আপনার অ্যাপের ফায়ারবেস প্রকল্প কনফিগারেশন অবজেক্টটি যুক্ত করা নিশ্চিত করুন।
(function(sa,fbc){function load(f,c){var a=document.createElement('script');
a.async=1;a.src=f;var s=document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(a,s);}load(sa);
window.addEventListener('load',function(){firebase.initializeApp(fbc).performance()});
})(performance_standalone, firebaseConfig);

কোথায়,

উপরের স্ক্রিপ্টটি অবিচ্ছিন্নভাবে স্ট্যান্ডলোন এসডিকে লোড করে উইন্ডোটির onload ইভেন্টের আগুনের পরে ফায়ারবেস শুরু করে। এই কৌশলটি পৃষ্ঠা লোড মেট্রিকগুলিতে এসডিকে যে প্রভাব ফেলতে পারে তা হ্রাস করে কারণ আপনি এসডিকে আরম্ভ করার সময় ব্রাউজারটি ইতিমধ্যে তার লোডিং মেট্রিকগুলি প্রতিবেদন করেছে।

স্ট্যান্ডার্ড এসডিকে

আপনি যদি অন্য ফায়ারবেস পণ্য ব্যবহার করেন (যেমন আপনার অ্যাপ্লিকেশনটিতে প্রমাণীকরণ বা ক্লাউড ফায়ার স্টোর, স্ট্যান্ডার্ড পারফরম্যান্স মনিটরিং এসডিকে অন্তর্ভুক্ত)।

নোট করুন যে এই এসডিকে আপনার পৃথক স্ট্যান্ডার্ড ফায়ারবেস কোর এসডিকে অন্তর্ভুক্ত করা উচিত এবং একটি পৃথক স্ক্রিপ্টে ফায়ারবেস এবং পারফরম্যান্স মনিটরিং শুরু করুন।

  1. স্ট্যান্ডার্ড পারফরম্যান্স মনিটরিং এসডিকে অন্তর্ভুক্ত করতে, আপনার <body> ট্যাগের নীচে নিম্নলিখিত স্ক্রিপ্টগুলি যুক্ত করুন, তবে আপনি কোনও ফায়ারবেস পরিষেবা ব্যবহার করার আগে:

    0fadd30f0
  2. আপনার অ্যাপে ফায়ারবেস এবং পারফরম্যান্স মনিটরিং শুরু করুন:

    <body>
    <!-- Previously loaded Firebase SDKs -->
    
    <script>
      // TODO: Replace the following with your app's Firebase project configuration
      var firebaseConfig = {
        // ...
      };
    
      // Initialize Firebase
      firebase.initializeApp(firebaseConfig);
    
      // Initialize Performance Monitoring and get a reference to the service
      var perf = firebase.performance();
    </script>
    </body>
    

হোস্টিং ইউআরএল থেকে

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

এই সেটআপ বিকল্পের সাহায্যে, আপনি ফায়ারবেসে মোতায়েন করার পরে, আপনার অ্যাপ্লিকেশনটি ফায়ারবেস প্রকল্প থেকে স্বয়ংক্রিয়ভাবে ফায়ারবেস কনফিগারেশন অবজেক্টটিকে টানবে যা আপনি স্থাপন করেছেন। আপনি একই কোডবেস একাধিক ফায়ারবেস প্রকল্পগুলিতে স্থাপন করতে পারেন, তবে আপনি ফায়ারবেস কনফিগারেশনটি ট্র্যাক করতে পারবেন না যা আপনি firebase.initializeApp() ব্যবহার করছেন।

  1. পারফরম্যান্স মনিটরিং এসডিকে অন্তর্ভুক্ত করতে, আপনার <body> ট্যাগের নীচে নিম্নলিখিত স্ক্রিপ্টগুলি যুক্ত করুন, তবে আপনি কোনও ফায়ারবেস পরিষেবা ব্যবহার করার আগে:

    <body>
      <!-- Insert these scripts at the bottom of the HTML, but before you use any Firebase services -->
    
      <!-- Firebase App (the core Firebase SDK) is always required and must be listed first -->
      <script src="/__/firebase/8.2.3/firebase-app.js"></script>
    
      <!-- Add the Performance Monitoring library -->
      <script src="/__/firebase/8.2.3/firebase-performance.js"></script>
    </body>
    
  2. আপনার অ্যাপে ফায়ারবেস এবং পারফরম্যান্স মনিটরিং শুরু করুন (সংরক্ষিত হোস্টিং ইউআরএলগুলি ব্যবহার করার সময় আপনার ফায়ারবেস কনফিগারেশন অবজেক্টটি অন্তর্ভুক্ত করার দরকার নেই):

    <body>
      <!-- Previously loaded Firebase SDKs -->
    
      <!-- Initialize Firebase -->
      <script src="/__/firebase/init.js"></script>
    
      <!-- Initialize Performance Monitoring and get a reference to the service -->
      <script>
        var perf = firebase.performance();
        // ...
      </script>
    </body>
    

মডিউল বান্ডলার ব্যবহার

আপনি ফায়ারবেস জাভাস্ক্রিপ্ট এসডিকে আংশিক আমদানি কনফিগার করতে পারেন এবং কেবল আপনার প্রয়োজন ফায়ারবেস পণ্য লোড করতে পারেন। আপনি যদি কোনও বান্ডলার ব্যবহার করেন (যেমন ব্রাউজারফি বা ওয়েবপ্যাক), আপনি প্রয়োজনে পৃথক ফায়ারবেস পণ্য import করতে পারেন।

  1. ইনস্টল করুন firebase npm প্যাকেজ এবং আপনার সংরক্ষণ package.json চালিয়ে ফাইল:

    npm install --save firebase
  2. পারফরম্যান্স মনিটরিং এসডিকে অন্তর্ভুক্ত করতে, ফায়ারবেস মডিউলগুলি import করুন:

    // Firebase App (the core Firebase SDK) is always required and must be listed first
    import firebase from "firebase/app";
    
    // If you are using v7 or any earlier version of the JS SDK, you should import firebase using namespace import
    // import * as firebase from "firebase/app"
    
    // Add the Performance Monitoring library
    import "firebase/performance";
    
  3. আপনার অ্যাপে ফায়ারবেস এবং পারফরম্যান্স মনিটরিং শুরু করুন:

    // TODO: Replace the following with your app's Firebase project configuration
    const firebaseConfig = {
      // ...
    };
    
    // Initialize Firebase
    firebase.initializeApp(firebaseConfig);
    
    // Initialize Performance Monitoring and get a reference to the service
    const perf = firebase.performance();
    

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

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

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

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

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

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

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

  3. ফায়ারবেস এসডিকে সনাক্ত করেছে কিনা তা দেখতে ফায়ারবেস কনসোলের পারফরম্যান্স ড্যাশবোর্ডে যান।

    আপনি যদি কোনও "এসডিকে সনাক্ত" বার্তা না দেখেন তবে সমস্যা সমাধানের টিপস পর্যালোচনা করুন।

  4. পারফরম্যান্স মনিটরিং পারফরম্যান্স ইভেন্ট ডেটা পারফরম্যান্স ড্যাশবোর্ডে প্রদর্শন করার আগে এটি প্রক্রিয়া করে। এসডিকে সনাক্তকরণ বার্তাটি দেখার 24 ঘন্টার মধ্যে আপনার প্রাথমিক ডেটা প্রদর্শনটি দেখতে হবে।

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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