নির্দিষ্ট অ্যাপ কোডের জন্য কাস্টম মনিটরিং যোগ করুন


Performance Monitoring আপনাকে আপনার অ্যাপের কর্মক্ষমতা নিরীক্ষণ করতে সাহায্য করার জন্য ট্রেস সংগ্রহ করে। একটি ট্রেস হল আপনার অ্যাপে সময়ের মধ্যে দুটি পয়েন্টের মধ্যে ক্যাপচার করা কর্মক্ষমতা ডেটার একটি প্রতিবেদন।

আপনার অ্যাপে নির্দিষ্ট কোডের সাথে যুক্ত কর্মক্ষমতা ডেটা নিরীক্ষণ করতে আপনি নিজের ট্রেস তৈরি করতে পারেন। একটি কাস্টম কোড ট্রেস দিয়ে, আপনি পরিমাপ করতে পারেন যে আপনার অ্যাপটি একটি নির্দিষ্ট কাজ বা কাজের একটি সেট সম্পূর্ণ করতে কতক্ষণ সময় নেয়, উদাহরণস্বরূপ ছবির একটি সেট লোড করা বা আপনার ডাটাবেস অনুসন্ধান করা।

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

আপনার কোডে, আপনি Performance Monitoring SDK দ্বারা প্রদত্ত API ব্যবহার করে একটি কাস্টম কোড ট্রেসের শুরু এবং শেষ সংজ্ঞায়িত করেন।কাস্টম কোড ট্রেসগুলি তৈরি হওয়ার পরে যে কোনও সময় শুরু করা যেতে পারে এবং সেগুলি থ্রেড নিরাপদ৷

যেহেতু এই ট্রেসগুলির জন্য সংগৃহীত ডিফল্ট মেট্রিক হল "সময়কাল", সেগুলিকে কখনও কখনও "সময়কাল ট্রেস" বলা হয়।

আপনি ট্রেস টেবিলের কাস্টম ট্রেস সাবট্যাবে এই ট্রেসগুলি থেকে ডেটা দেখতে পারেন, যা পারফরম্যান্স ড্যাশবোর্ডের নীচে (এই পৃষ্ঠায় পরে কনসোল ব্যবহার সম্পর্কে আরও জানুন)৷

ডিফল্ট অ্যাট্রিবিউট, কাস্টম অ্যাট্রিবিউট এবং কাস্টম মেট্রিক্স

কাস্টম কোড ট্রেসের জন্য, Performance Monitoring স্বয়ংক্রিয়ভাবে ডিফল্ট বৈশিষ্ট্যগুলি (সাধারণ মেটাডেটা যেমন দেশ, ব্রাউজার, পৃষ্ঠা URL, ইত্যাদি) লগ করে যাতে আপনি Firebase কনসোলে ট্রেসের জন্য ডেটা ফিল্টার করতে পারেন। আপনি কাস্টম বৈশিষ্ট্যগুলি (যেমন, গেমের স্তর বা ব্যবহারকারীর বৈশিষ্ট্য) যুক্ত এবং নিরীক্ষণ করতে পারেন।

আপনি ট্রেসের সুযোগের মধ্যে ঘটতে পারে এমন কর্মক্ষমতা-সম্পর্কিত ইভেন্টগুলির জন্য কাস্টম মেট্রিক্স রেকর্ড করতে একটি কাস্টম কোড ট্রেস কনফিগার করতে পারেন। উদাহরণ স্বরূপ, আপনি ক্যাশে হিট এবং মিস হওয়ার সংখ্যার জন্য একটি কাস্টম মেট্রিক তৈরি করতে পারেন বা একটি লক্ষণীয় সময়ের জন্য UI কতবার প্রতিক্রিয়াহীন হয়ে পড়ে।

কাস্টম অ্যাট্রিবিউট এবং কাস্টম মেট্রিক্স ডিফল্ট অ্যাট্রিবিউট এবং ট্রেসের জন্য ডিফল্ট মেট্রিকের পাশাপাশি Firebase কনসোলে প্রদর্শিত হয়।

কাস্টম কোড ট্রেস যোগ করুন

নির্দিষ্ট অ্যাপ্লিকেশন কোড নিরীক্ষণ করতে কাস্টম কোড ট্রেস যোগ করতে Performance Monitoring ট্রেস API ব্যবহার করুন।

নিম্নলিখিত নোট করুন:

  • একটি অ্যাপে একাধিক কাস্টম কোড ট্রেস থাকতে পারে।
  • একাধিক কাস্টম কোড ট্রেস একই সময়ে চলতে পারে।
  • কাস্টম কোড ট্রেসের জন্য নামগুলি অবশ্যই নিম্নলিখিত প্রয়োজনীয়তাগুলি পূরণ করতে হবে: কোন অগ্রণী বা পিছনের সাদা স্থান, কোন অগ্রণী আন্ডারস্কোর ( _ ) অক্ষর নেই এবং সর্বাধিক দৈর্ঘ্য 100 অক্ষর।
  • কাস্টম কোড ট্রেস কাস্টম মেট্রিক্স এবং কাস্টম বৈশিষ্ট্য যোগ করতে সমর্থন করে।

একটি কাস্টম কোড ট্রেস শুরু এবং বন্ধ করতে, আপনি যে কোডটি ট্রেস করতে চান সেটিকে নিচের মতো কোডের লাইন দিয়ে মোড়ানো করুন:

WebWeb
import { trace } from "firebase/performance";

const t = trace(perf, "CUSTOM_TRACE_NAME");
t.start();

// Code that you want to trace 
// ...

t.stop();
perf_add_custom_trace.js
const trace = perf.trace("CUSTOM_TRACE_NAME");
trace.start();

// Code that you want to trace 
// ...

trace.stop();
index.js

ইউজার টাইমিং API ব্যবহার করে কাস্টম কোড ট্রেস যোগ করুন

Performance Monitoring ট্রেস API ছাড়াও, আপনি ব্রাউজারের নেটিভ ইউজার টাইমিং API ব্যবহার করে কাস্টম কোড ট্রেস যোগ করতে পারেন। এই API ব্যবহার করে পরিমাপ করা একটি ট্রেসের সময়কাল স্বয়ংক্রিয়ভাবে Performance Monitoring SDK দ্বারা বাছাই করা হয়। ইউজার টাইমিং API ব্যবহার করা বিশেষভাবে সহায়ক যদি আপনি Performance Monitoring SDK অ্যাসিঙ্ক্রোনাসভাবে লোড করতে পছন্দ করেন। একবার SDK শুরু হয়ে গেলে, SDK তার লোডের আগে ঘটে যাওয়া পরিমাপগুলি রেকর্ড করবে৷

এই বৈশিষ্ট্যটি ব্যবহার করার জন্য, আপনি যে কোডটি ইউজার টাইমিং চিহ্ন দিয়ে ট্রেস করতে চান সেটি মোড়ানো করুন:

WebWeb
const performance = window.performance;

performance.mark("measurementStart");

// Code that you want to trace 
// ...

performance.mark("measurementStop");
performance.measure("customTraceName", "measurementStart", "measurementStop");
perf_user_timing_marks.js
const performance = window.performance;

performance.mark("measurementStart");

// Code that you want to trace 
// ...

performance.mark("measurementStop");
performance.measure("customTraceName", "measurementStart", "measurementStop");
index.js

উল্লেখ্য যে উপরের উদাহরণে performance ব্রাউজারের window.performance অবজেক্টকে বোঝায়।

ইউজার টাইমিং এপিআই ব্যবহার করার সময়, কাস্টম কোড ট্রেসে কাস্টম মেট্রিক্স এবং অ্যাট্রিবিউট যোগ করা যাবে না। Performance Monitoring ট্রেস API ব্যবহার করুন যদি আপনি সেই কাস্টম উপাদানগুলিকে একটি কাস্টম কোড ট্রেসে যুক্ত করতে চান।

কাস্টম কোড ট্রেসে কাস্টম মেট্রিক্স যোগ করুন

কাস্টম কোড ট্রেসে কাস্টম মেট্রিক্স যোগ করতে Performance Monitoring ট্রেস API ব্যবহার করুন।

নিম্নলিখিত নোট করুন:

  • কাস্টম মেট্রিক্সের জন্য নামগুলি অবশ্যই নিম্নলিখিত প্রয়োজনীয়তাগুলি পূরণ করতে হবে: কোনও অগ্রণী বা পিছনের হোয়াইটস্পেস নেই, কোনও অগ্রণী আন্ডারস্কোর ( _ ) অক্ষর নেই এবং সর্বাধিক দৈর্ঘ্য 100 অক্ষর৷
  • প্রতিটি কাস্টম কোড ট্রেস 32 মেট্রিক পর্যন্ত রেকর্ড করতে পারে (ডিফল্ট সময়কাল মেট্রিক সহ)।

একটি কাস্টম মেট্রিক যোগ করতে, প্রতিবার যখন ইভেন্টটি ঘটবে তখন নিচের মতো কোডের একটি লাইন যোগ করুন। উদাহরণস্বরূপ, এই কাস্টম মেট্রিক আপনার অ্যাপে ঘটতে থাকা পারফরম্যান্স-সম্পর্কিত ইভেন্ট গণনা করে।

WebWeb
import { trace } from "firebase/performance";

async function getInventory(inventoryIds) {
  const t = trace(perf, "inventoryRetrieval");

  // Tracks the number of IDs fetched (the metric could help you to optimize in the future)
  t.incrementMetric("numberOfIds", inventoryIds.length);

  // Measures the time it takes to request inventory based on the amount of inventory
  t.start();
  const inventoryData = await retrieveInventory(inventoryIds);
  t.stop();

  return inventoryData;
}
perf_add_custom_metrics.js
async function getInventory(inventoryIds) {
  const trace = perf.trace("inventoryRetrieval");

  // Tracks the number of IDs fetched (the metric could help you to optimize in the future)
  trace.incrementMetric("numberOfIds", inventoryIds.length);

  // Measures the time it takes to request inventory based on the amount of inventory
  trace.start();
  const inventoryData = await retrieveInventory(inventoryIds);
  trace.stop();

  return inventoryData;
}
index.js

কাস্টম কোড ট্রেস জন্য কাস্টম বৈশিষ্ট্য তৈরি করুন

কাস্টম কোড ট্রেসে কাস্টম বৈশিষ্ট্য যোগ করতে Performance Monitoring ট্রেস API ব্যবহার করুন।

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

নিম্নলিখিত নোট করুন:

  • কাস্টম বৈশিষ্ট্যগুলির জন্য নামগুলি অবশ্যই নিম্নলিখিত প্রয়োজনীয়তাগুলি পূরণ করতে হবে:

    • কোন লিডিং বা ট্রেইলিং হোয়াইটস্পেস নেই, কোন লিডিং আন্ডারস্কোর ( _ ) অক্ষর নেই
    • কোনো স্পেস নেই
    • সর্বাধিক দৈর্ঘ্য 32 অক্ষর
    • নামের জন্য অনুমোদিত অক্ষর হল AZ , az , এবং _ ।

  • প্রতিটি কাস্টম কোড ট্রেস 5টি কাস্টম বৈশিষ্ট্য পর্যন্ত রেকর্ড করতে পারে।

  • অনুগ্রহ করে নিশ্চিত করুন যে কাস্টম বৈশিষ্ট্যগুলিতে এমন কোনও তথ্য নেই যা ব্যক্তিগতভাবে Google-এর কাছে একজন ব্যক্তিকে সনাক্ত করে।

WebWeb
import { trace } from "firebase/performance";

const t = trace(perf, "test_trace");
t.putAttribute("experiment", "A");

// Update scenario
t.putAttribute("experiment", "B");

// Reading scenario
const experimentValue = t.getAttribute("experiment");

// Delete scenario
t.removeAttribute("experiment");

// Read attributes
const traceAttributes = t.getAttributes();
perf_add_custom_attributes.js
const trace = perf.trace("test_trace");
trace.putAttribute("experiment", "A");

// Update scenario
trace.putAttribute("experiment", "B");

// Reading scenario
const experimentValue = trace.getAttribute("experiment");

// Delete scenario
trace.removeAttribute("experiment");

// Read attributes
const traceAttributes = trace.getAttributes();
index.js

ট্র্যাক, দেখুন, এবং ফিল্টার কর্মক্ষমতা ডেটা

রিয়েল-টাইম কর্মক্ষমতা ডেটা দেখতে, নিশ্চিত করুন যে আপনার অ্যাপটি একটি পারফরম্যান্স মনিটরিং SDK সংস্করণ ব্যবহার করে যা রিয়েল-টাইম ডেটা প্রক্রিয়াকরণের সাথে সামঞ্জস্যপূর্ণ। রিয়েল-টাইম কর্মক্ষমতা ডেটা সম্পর্কে আরও জানুন ।

আপনার ড্যাশবোর্ডে নির্দিষ্ট মেট্রিক্স ট্র্যাক করুন

আপনার মূল মেট্রিক্স কীভাবে ট্রেন্ড করছে তা জানতে, পারফরম্যান্স ড্যাশবোর্ডের শীর্ষে আপনার মেট্রিক্স বোর্ডে সেগুলি যোগ করুন। আপনি সপ্তাহে সপ্তাহে পরিবর্তনগুলি দেখে দ্রুত রিগ্রেশন শনাক্ত করতে পারেন বা আপনার কোডে সাম্প্রতিক পরিবর্তনগুলি কর্মক্ষমতা উন্নত করছে তা যাচাই করতে পারেন৷

<span class= এ মেট্রিক্স বোর্ডের একটি চিত্র ফায়ারবেস পারফরম্যান্স মনিটরিং ড্যাশবোর্ড" />

আপনার মেট্রিক্স বোর্ডে একটি মেট্রিক যোগ করতে, এই ধাপগুলি অনুসরণ করুন:

  1. Firebase কনসোলে পারফরম্যান্স ড্যাশবোর্ডে যান।
  2. একটি খালি মেট্রিক কার্ডে ক্লিক করুন, তারপর আপনার বোর্ডে যোগ করতে একটি বিদ্যমান মেট্রিক নির্বাচন করুন।
  3. আরও বিকল্পের জন্য একটি জনবহুল মেট্রিক কার্ডে ক্লিক করুন, উদাহরণস্বরূপ একটি মেট্রিক প্রতিস্থাপন বা সরানোর জন্য।

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

ড্যাশবোর্ড ব্যবহার সম্পর্কে আরও জানুন।

ট্রেস এবং তাদের ডেটা দেখুন

আপনার ট্রেস দেখতে, Firebase কনসোলে পারফরম্যান্স ড্যাশবোর্ডে যান, ট্রেস টেবিলে নিচে স্ক্রোল করুন, তারপর উপযুক্ত সাবট্যাবে ক্লিক করুন। টেবিলটি প্রতিটি ট্রেসের জন্য কিছু শীর্ষস্থানীয় মেট্রিক প্রদর্শন করে এবং আপনি একটি নির্দিষ্ট মেট্রিকের শতাংশ পরিবর্তন দ্বারা তালিকাটি সাজাতেও পারেন।

Performance Monitoring Firebase কনসোলে একটি সমস্যা সমাধানের পৃষ্ঠা সরবরাহ করে যা মেট্রিক পরিবর্তনগুলিকে হাইলাইট করে, এটি আপনার অ্যাপ এবং ব্যবহারকারীদের উপর কার্যক্ষমতা সংক্রান্ত সমস্যাগুলির প্রভাব দ্রুত সমাধান এবং কমিয়ে আনা সহজ করে তোলে। আপনি সম্ভাব্য কর্মক্ষমতা সমস্যা সম্পর্কে জানলে আপনি সমস্যা সমাধানের পৃষ্ঠাটি ব্যবহার করতে পারেন, উদাহরণস্বরূপ, নিম্নলিখিত পরিস্থিতিতে:

  • আপনি ড্যাশবোর্ডে প্রাসঙ্গিক মেট্রিক্স নির্বাচন করেন এবং আপনি একটি বড় ডেল্টা লক্ষ্য করেন।
  • ট্রেস টেবিলে আপনি শীর্ষে সবচেয়ে বড় ডেল্টা প্রদর্শনের জন্য সাজান, এবং আপনি একটি উল্লেখযোগ্য শতাংশ পরিবর্তন দেখতে পান।
  • আপনি একটি ইমেল সতর্কতা পাবেন যা আপনাকে একটি কর্মক্ষমতা সমস্যা সম্পর্কে অবহিত করে।

আপনি নিম্নলিখিত উপায়ে সমস্যা সমাধান পৃষ্ঠা অ্যাক্সেস করতে পারেন:

  • মেট্রিক ড্যাশবোর্ডে, মেট্রিকের বিবরণ দেখুন বোতামে ক্লিক করুন।
  • যেকোনো মেট্রিক কার্ডে নির্বাচন করুন => বিস্তারিত দেখুন । সমস্যা সমাধানের পৃষ্ঠাটি আপনার নির্বাচিত মেট্রিক সম্পর্কে তথ্য প্রদর্শন করে।
  • ট্রেস টেবিলে, সেই ট্রেসের সাথে যুক্ত সারিতে একটি ট্রেস নাম বা যেকোনো মেট্রিক মান ক্লিক করুন।
  • একটি ইমেল সতর্কতায়, এখন তদন্ত করুন ক্লিক করুন।

আপনি যখন ট্রেস টেবিলে একটি ট্রেস নাম ক্লিক করেন, তখন আপনি আগ্রহের মেট্রিক্সে ড্রিল ডাউন করতে পারেন। ক্লিক করুন বৈশিষ্ট্য দ্বারা ডেটা ফিল্টার করতে ফিল্টার বোতাম, উদাহরণস্বরূপ:

<span class= এর একটি চিত্র ফায়ারবেস পারফরম্যান্স মনিটরিং ডেটা অ্যাট্রিবিউট দ্বারা ফিল্টার করা হচ্ছে" />
  • আপনার সাইটের একটি নির্দিষ্ট পৃষ্ঠার জন্য ডেটা দেখতে পৃষ্ঠা URL দ্বারা ফিল্টার করুন
  • 3g সংযোগ কীভাবে আপনার অ্যাপকে প্রভাবিত করে তা জানতে কার্যকর সংযোগের ধরন দ্বারা ফিল্টার করুন
  • আপনার ডাটাবেসের অবস্থান একটি নির্দিষ্ট অঞ্চলকে প্রভাবিত করছে না তা নিশ্চিত করতে দেশ অনুসারে ফিল্টার করুন

আপনার ট্রেসের জন্য ডেটা দেখার বিষয়ে আরও জানুন।

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

,


Performance Monitoring আপনাকে আপনার অ্যাপের কর্মক্ষমতা নিরীক্ষণ করতে সাহায্য করার জন্য ট্রেস সংগ্রহ করে। একটি ট্রেস হল আপনার অ্যাপে সময়ের মধ্যে দুটি পয়েন্টের মধ্যে ক্যাপচার করা কর্মক্ষমতা ডেটার একটি প্রতিবেদন।

আপনার অ্যাপে নির্দিষ্ট কোডের সাথে যুক্ত কর্মক্ষমতা ডেটা নিরীক্ষণ করতে আপনি নিজের ট্রেস তৈরি করতে পারেন। একটি কাস্টম কোড ট্রেস দিয়ে, আপনি পরিমাপ করতে পারেন যে আপনার অ্যাপটি একটি নির্দিষ্ট কাজ বা কাজের একটি সেট সম্পূর্ণ করতে কতক্ষণ সময় নেয়, উদাহরণস্বরূপ ছবির একটি সেট লোড করা বা আপনার ডাটাবেস অনুসন্ধান করা।

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

আপনার কোডে, আপনি Performance Monitoring এসডিকে দ্বারা সরবরাহিত এপিআই ব্যবহার করে একটি কাস্টম কোড ট্রেসের শুরু এবং শেষের সংজ্ঞা দেন।কাস্টম কোড ট্রেসগুলি তৈরি হওয়ার পরে যে কোনও সময় শুরু করা যেতে পারে এবং সেগুলি সুরক্ষিত।

যেহেতু এই ট্রেসগুলির জন্য সংগৃহীত ডিফল্ট মেট্রিকটি "সময়কাল" হয়, তাই এগুলিকে কখনও কখনও "সময়কাল ট্রেস" বলা হয়।

আপনি ট্রেস টেবিলের কাস্টম ট্রেস সাবট্যাব -এ এই ট্রেসগুলি থেকে ডেটা দেখতে পারেন, যা পারফরম্যান্স ড্যাশবোর্ডের নীচে রয়েছে (এই পৃষ্ঠায় পরে কনসোলটি ব্যবহার সম্পর্কে আরও জানুন)।

ডিফল্ট বৈশিষ্ট্য, কাস্টম বৈশিষ্ট্য এবং কাস্টম মেট্রিক

কাস্টম কোড ট্রেসগুলির জন্য, Performance Monitoring স্বয়ংক্রিয়ভাবে ডিফল্ট বৈশিষ্ট্যগুলি লগ করে (সাধারণ মেটাডেটা যেমন দেশ, ব্রাউজার, পৃষ্ঠা ইউআরএল ইত্যাদি) যাতে আপনি Firebase কনসোলে ট্রেসের জন্য ডেটা ফিল্টার করতে পারেন। আপনি কাস্টম বৈশিষ্ট্যগুলি যুক্ত করতে এবং নিরীক্ষণ করতে পারেন (যেমন, গেমের স্তর বা ব্যবহারকারীর বৈশিষ্ট্য)।

ট্রেসের সুযোগের মধ্যে ঘটে যাওয়া পারফরম্যান্স-সম্পর্কিত ইভেন্টগুলির জন্য কাস্টম মেট্রিকগুলি রেকর্ড করতে আপনি আরও একটি কাস্টম কোড ট্রেস কনফিগার করতে পারেন। উদাহরণস্বরূপ, আপনি ক্যাশে হিট এবং মিসের সংখ্যা বা ইউআই একটি লক্ষণীয় সময়ের জন্য প্রতিক্রিয়াহীন হয়ে ওঠার জন্য একটি কাস্টম মেট্রিক তৈরি করতে পারেন।

ট্রেসের জন্য ডিফল্ট বৈশিষ্ট্য এবং ডিফল্ট মেট্রিকের পাশাপাশি Firebase কনসোলে কাস্টম বৈশিষ্ট্য এবং কাস্টম মেট্রিকগুলি প্রদর্শন করে।

কাস্টম কোড ট্রেস যুক্ত করুন

নির্দিষ্ট অ্যাপ্লিকেশন কোড নিরীক্ষণ করতে কাস্টম কোড ট্রেস যুক্ত করতে Performance Monitoring ট্রেস এপিআই ব্যবহার করুন।

নিম্নলিখিত নোট করুন:

  • একটি অ্যাপ্লিকেশন একাধিক কাস্টম কোড ট্রেস থাকতে পারে।
  • একাধিক কাস্টম কোড ট্রেস একই সময়ে চলতে পারে।
  • কাস্টম কোড ট্রেসের নামগুলি অবশ্যই নিম্নলিখিত প্রয়োজনীয়তাগুলি পূরণ করতে হবে: কোনও শীর্ষস্থানীয় বা ট্রেলিং হোয়াইটস্পেস, কোনও শীর্ষস্থানীয় আন্ডারস্কোর ( _ ) চরিত্র নয় এবং সর্বোচ্চ দৈর্ঘ্য 100 টি অক্ষর নয়।
  • কাস্টম কোড ট্রেসগুলি কাস্টম মেট্রিক এবং কাস্টম বৈশিষ্ট্য যুক্ত করে সমর্থন করে।

একটি কাস্টম কোড ট্রেস শুরু এবং বন্ধ করতে, আপনি নীচের অনুরূপ কোডের লাইনের সাথে ট্রেস করতে চান এমন কোডটি মোড়ানো:

WebWeb
import { trace } from "firebase/performance";

const t = trace(perf, "CUSTOM_TRACE_NAME");
t.start();

// Code that you want to trace 
// ...

t.stop();
perf_add_custom_trace.js
const trace = perf.trace("CUSTOM_TRACE_NAME");
trace.start();

// Code that you want to trace 
// ...

trace.stop();
index.js

ব্যবহারকারী টাইমিং এপিআই ব্যবহার করে কাস্টম কোড ট্রেস যুক্ত করুন

Performance Monitoring ট্রেস এপিআই ছাড়াও, আপনি ব্রাউজারের নেটিভ ব্যবহারকারী টাইমিং এপিআই ব্যবহার করে কাস্টম কোড ট্রেস যুক্ত করতে পারেন। এই এপিআই ব্যবহার করে পরিমাপ করা একটি ট্রেসের সময়কাল স্বয়ংক্রিয়ভাবে Performance Monitoring এসডিকে দ্বারা নেওয়া হয়। ব্যবহারকারীর সময়সীমার এপিআই ব্যবহার করা বিশেষত সহায়ক যদি আপনি Performance Monitoring এসডিকে অ্যাসিঙ্ক্রোনালি লোড করতে পছন্দ করেন। একবার এসডিকে শুরু হয়ে গেলে, এসডিকে তার লোডের আগে ঘটে যাওয়া পরিমাপগুলি রেকর্ড করবে।

এই বৈশিষ্ট্যটি ব্যবহার করতে, আপনি যে কোডটি ব্যবহারকারীর সময় চিহ্নগুলির সাথে ট্রেস করতে চান তা মোড়ানো:

WebWeb
const performance = window.performance;

performance.mark("measurementStart");

// Code that you want to trace 
// ...

performance.mark("measurementStop");
performance.measure("customTraceName", "measurementStart", "measurementStop");
perf_user_timing_marks.js
const performance = window.performance;

performance.mark("measurementStart");

// Code that you want to trace 
// ...

performance.mark("measurementStop");
performance.measure("customTraceName", "measurementStart", "measurementStop");
index.js

নোট করুন যে উপরের উদাহরণে performance ব্রাউজারের window.performance বোঝায় Performance পারফরম্যান্স অবজেক্ট।

ব্যবহারকারী টাইমিং এপিআই ব্যবহার করার সময়, কাস্টম মেট্রিক এবং বৈশিষ্ট্যগুলি কাস্টম কোড ট্রেসগুলিতে যুক্ত করা যায় না। আপনি যদি কাস্টম কোড ট্রেসে সেই কাস্টম উপাদানগুলি যুক্ত করতে চান তবে Performance Monitoring ট্রেস এপিআই ব্যবহার করুন।

কাস্টম কোড ট্রেসগুলিতে কাস্টম মেট্রিক যুক্ত করুন

কাস্টম কোড ট্রেসগুলিতে কাস্টম মেট্রিক যুক্ত করতে Performance Monitoring ট্রেস এপিআই ব্যবহার করুন।

নিম্নলিখিত নোট করুন:

  • কাস্টম মেট্রিকের নামগুলি অবশ্যই নিম্নলিখিত প্রয়োজনীয়তাগুলি পূরণ করতে হবে: কোনও শীর্ষস্থানীয় বা ট্রেলিং হোয়াইটস্পেস, কোনও শীর্ষস্থানীয় আন্ডারস্কোর ( _ ) চরিত্র নয় এবং সর্বোচ্চ দৈর্ঘ্য 100 টি অক্ষর নয়।
  • প্রতিটি কাস্টম কোড ট্রেস 32 টি মেট্রিক (ডিফল্ট সময়কাল মেট্রিক সহ) রেকর্ড করতে পারে।

একটি কাস্টম মেট্রিক যুক্ত করতে, ইভেন্টটি ঘটে এমন প্রতিটি সময় নিম্নলিখিতগুলির অনুরূপ কোডের একটি লাইন যুক্ত করুন। উদাহরণস্বরূপ, এই কাস্টম মেট্রিক আপনার অ্যাপ্লিকেশনটিতে ঘটে যাওয়া পারফরম্যান্স-সম্পর্কিত ইভেন্টগুলি গণনা করে।

WebWeb
import { trace } from "firebase/performance";

async function getInventory(inventoryIds) {
  const t = trace(perf, "inventoryRetrieval");

  // Tracks the number of IDs fetched (the metric could help you to optimize in the future)
  t.incrementMetric("numberOfIds", inventoryIds.length);

  // Measures the time it takes to request inventory based on the amount of inventory
  t.start();
  const inventoryData = await retrieveInventory(inventoryIds);
  t.stop();

  return inventoryData;
}
perf_add_custom_metrics.js
async function getInventory(inventoryIds) {
  const trace = perf.trace("inventoryRetrieval");

  // Tracks the number of IDs fetched (the metric could help you to optimize in the future)
  trace.incrementMetric("numberOfIds", inventoryIds.length);

  // Measures the time it takes to request inventory based on the amount of inventory
  trace.start();
  const inventoryData = await retrieveInventory(inventoryIds);
  trace.stop();

  return inventoryData;
}
index.js

কাস্টম কোড ট্রেসগুলির জন্য কাস্টম বৈশিষ্ট্য তৈরি করুন

কাস্টম কোড ট্রেসগুলিতে কাস্টম বৈশিষ্ট্য যুক্ত করতে Performance Monitoring ট্রেস এপিআই ব্যবহার করুন।

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

নিম্নলিখিত নোট করুন:

  • কাস্টম বৈশিষ্ট্যের জন্য নামগুলি অবশ্যই নিম্নলিখিত প্রয়োজনীয়তাগুলি পূরণ করতে হবে:

    • কোনও শীর্ষস্থানীয় বা ট্রেলিং হোয়াইটস্পেস, কোনও শীর্ষস্থানীয় আন্ডারস্কোর ( _ ) চরিত্র নেই
    • কোনো স্পেস নেই
    • সর্বোচ্চ দৈর্ঘ্য 32 টি অক্ষর
    • নামের জন্য অনুমোদিত অক্ষর হ'ল AZ , az এবং _ ।

  • প্রতিটি কাস্টম কোড ট্রেস 5 টি কাস্টম বৈশিষ্ট্য রেকর্ড করতে পারে।

  • দয়া করে নিশ্চিত করুন যে কাস্টম বৈশিষ্ট্যগুলিতে এমন কোনও তথ্য নেই যা ব্যক্তিগতভাবে কোনও ব্যক্তিকে গুগলে চিহ্নিত করে।

WebWeb
import { trace } from "firebase/performance";

const t = trace(perf, "test_trace");
t.putAttribute("experiment", "A");

// Update scenario
t.putAttribute("experiment", "B");

// Reading scenario
const experimentValue = t.getAttribute("experiment");

// Delete scenario
t.removeAttribute("experiment");

// Read attributes
const traceAttributes = t.getAttributes();
perf_add_custom_attributes.js
const trace = perf.trace("test_trace");
trace.putAttribute("experiment", "A");

// Update scenario
trace.putAttribute("experiment", "B");

// Reading scenario
const experimentValue = trace.getAttribute("experiment");

// Delete scenario
trace.removeAttribute("experiment");

// Read attributes
const traceAttributes = trace.getAttributes();
index.js

ট্র্যাক, দেখুন এবং ফিল্টার পারফরম্যান্স ডেটা

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

আপনার ড্যাশবোর্ডে নির্দিষ্ট মেট্রিকগুলি ট্র্যাক করুন

আপনার কী মেট্রিকগুলি কীভাবে ট্রেন্ডিং করছে তা জানতে, এগুলি পারফরম্যান্স ড্যাশবোর্ডের শীর্ষে আপনার মেট্রিক্স বোর্ডে যুক্ত করুন। আপনি সপ্তাহের ওভার-সপ্তাহের পরিবর্তনগুলি দেখে দ্রুত রিগ্রেশনগুলি সনাক্ত করতে পারেন বা আপনার কোডের সাম্প্রতিক পরিবর্তনগুলি পারফরম্যান্সের উন্নতি করছে তা যাচাই করতে পারেন।

<স্প্যান ক্লাস = এ মেট্রিক্স বোর্ডের একটি চিত্র ফায়ারবেস পারফরম্যান্স মনিটরিং ড্যাশবোর্ড " />

আপনার মেট্রিক বোর্ডে একটি মেট্রিক যুক্ত করতে, এই পদক্ষেপগুলি অনুসরণ করুন:

  1. Firebase কনসোলে পারফরম্যান্স ড্যাশবোর্ডে যান।
  2. একটি খালি মেট্রিক কার্ড ক্লিক করুন, তারপরে আপনার বোর্ডে যুক্ত করতে একটি বিদ্যমান মেট্রিক নির্বাচন করুন।
  3. আরও বিকল্পের জন্য পপুলেটেড মেট্রিক কার্ডে ক্লিক করুন, উদাহরণস্বরূপ একটি মেট্রিক প্রতিস্থাপন বা অপসারণ করতে।

মেট্রিক্স বোর্ড গ্রাফিকাল আকারে এবং সংখ্যার শতাংশ পরিবর্তন হিসাবে সময়ের সাথে সাথে মেট্রিক ডেটা সংগ্রহ করেছে।

ড্যাশবোর্ড ব্যবহার সম্পর্কে আরও জানুন।

ট্রেস এবং তাদের ডেটা দেখুন

আপনার ট্রেসগুলি দেখতে, Firebase কনসোলে পারফরম্যান্স ড্যাশবোর্ডে যান, ট্রেস টেবিলটিতে নীচে স্ক্রোল করুন, তারপরে উপযুক্ত সাবট্যাবটি ক্লিক করুন। টেবিলটি প্রতিটি ট্রেসের জন্য কিছু শীর্ষ মেট্রিক প্রদর্শন করে এবং আপনি এমনকি নির্দিষ্ট মেট্রিকের জন্য শতাংশ পরিবর্তন দ্বারা তালিকাটি বাছাই করতে পারেন।

Performance Monitoring Firebase কনসোলে একটি সমস্যা সমাধানের পৃষ্ঠা সরবরাহ করে যা মেট্রিক পরিবর্তনগুলিকে হাইলাইট করে, আপনার অ্যাপ্লিকেশন এবং ব্যবহারকারীদের উপর পারফরম্যান্স সমস্যার প্রভাবকে দ্রুত সমাধান করা এবং হ্রাস করা সহজ করে তোলে। আপনি যখন সম্ভাব্য পারফরম্যান্স সমস্যাগুলি সম্পর্কে শিখবেন তখন আপনি সমস্যা সমাধানের পৃষ্ঠাটি ব্যবহার করতে পারেন, উদাহরণস্বরূপ, নিম্নলিখিত পরিস্থিতিতে:

  • আপনি ড্যাশবোর্ডে প্রাসঙ্গিক মেট্রিকগুলি নির্বাচন করেন এবং আপনি একটি বড় ডেল্টা লক্ষ্য করেন।
  • ট্রেস টেবিলটিতে আপনি শীর্ষে বৃহত্তম ডেল্টাস প্রদর্শন করতে বাছাই করুন এবং আপনি একটি উল্লেখযোগ্য শতাংশ পরিবর্তন দেখতে পান।
  • আপনি একটি পারফরম্যান্স ইস্যু সম্পর্কে আপনাকে অবহিত করে একটি ইমেল সতর্কতা পান।

আপনি নিম্নলিখিত উপায়ে সমস্যা সমাধানের পৃষ্ঠাটি অ্যাক্সেস করতে পারেন:

  • মেট্রিক ড্যাশবোর্ডে, ভিউ মেট্রিক বিশদ বোতামটি ক্লিক করুন।
  • যে কোনও মেট্রিক কার্ডে, নির্বাচন করুন => বিশদ দেখুন । সমস্যা সমাধানের পৃষ্ঠাটি আপনি নির্বাচিত মেট্রিক সম্পর্কে তথ্য প্রদর্শন করে।
  • ট্রেস টেবিলটিতে, ট্রেসের সাথে যুক্ত সারিটিতে একটি ট্রেস নাম বা কোনও মেট্রিক মান ক্লিক করুন।
  • একটি ইমেল সতর্কতায় এখনই তদন্ত ক্লিক করুন।

আপনি যখন ট্রেস টেবিলের কোনও ট্রেস নাম ক্লিক করেন, আপনি তারপরে আগ্রহের মেট্রিকগুলিতে ড্রিল করতে পারেন। ক্লিক করুন ফিল্টার যুক্ত বোতাম বৈশিষ্ট্য দ্বারা ডেটা ফিল্টার করতে, উদাহরণস্বরূপ:

<স্প্যান ক্লাস = এর একটি চিত্র ফায়ারবেস পারফরম্যান্স মনিটরিং ডেটা অ্যাট্রিবিউট " /> দ্বারা ফিল্টার করা হচ্ছে
  • আপনার সাইটের একটি নির্দিষ্ট পৃষ্ঠার জন্য ডেটা দেখতে পৃষ্ঠা URL দ্বারা ফিল্টার করুন
  • একটি 3 জি সংযোগ কীভাবে আপনার অ্যাপ্লিকেশনটিকে প্রভাবিত করে তা শিখতে কার্যকর সংযোগ প্রকারের মাধ্যমে ফিল্টার করুন
  • আপনার ডাটাবেসের অবস্থানটি কোনও নির্দিষ্ট অঞ্চলে প্রভাবিত করছে না তা নিশ্চিত করার জন্য দেশ দ্বারা ফিল্টার করুন

আপনার ট্রেসগুলির জন্য ডেটা দেখার বিষয়ে আরও জানুন।

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

,


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

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

একটি কাস্টম কোড ট্রেসের জন্য ডিফল্ট মেট্রিক হ'ল এর "সময়কাল" (ট্রেসের শুরু এবং স্টপিং পয়েন্টগুলির মধ্যে সময়) তবে আপনি কাস্টম মেট্রিকগুলিও যুক্ত করতে পারেন।

আপনার কোডে, আপনি Performance Monitoring এসডিকে দ্বারা সরবরাহিত এপিআই ব্যবহার করে একটি কাস্টম কোড ট্রেসের শুরু এবং শেষের সংজ্ঞা দেন।কাস্টম কোড ট্রেসগুলি তৈরি হওয়ার পরে যে কোনও সময় শুরু করা যেতে পারে এবং সেগুলি সুরক্ষিত।

যেহেতু এই ট্রেসগুলির জন্য সংগৃহীত ডিফল্ট মেট্রিকটি "সময়কাল" হয়, তাই এগুলিকে কখনও কখনও "সময়কাল ট্রেস" বলা হয়।

আপনি ট্রেস টেবিলের কাস্টম ট্রেস সাবট্যাব -এ এই ট্রেসগুলি থেকে ডেটা দেখতে পারেন, যা পারফরম্যান্স ড্যাশবোর্ডের নীচে রয়েছে (এই পৃষ্ঠায় পরে কনসোলটি ব্যবহার সম্পর্কে আরও জানুন)।

ডিফল্ট বৈশিষ্ট্য, কাস্টম বৈশিষ্ট্য এবং কাস্টম মেট্রিক

কাস্টম কোড ট্রেসগুলির জন্য, Performance Monitoring স্বয়ংক্রিয়ভাবে ডিফল্ট বৈশিষ্ট্যগুলি লগ করে (সাধারণ মেটাডেটা যেমন দেশ, ব্রাউজার, পৃষ্ঠা ইউআরএল ইত্যাদি) যাতে আপনি Firebase কনসোলে ট্রেসের জন্য ডেটা ফিল্টার করতে পারেন। আপনি কাস্টম বৈশিষ্ট্যগুলি যুক্ত করতে এবং নিরীক্ষণ করতে পারেন (যেমন, গেমের স্তর বা ব্যবহারকারীর বৈশিষ্ট্য)।

ট্রেসের সুযোগের মধ্যে ঘটে যাওয়া পারফরম্যান্স-সম্পর্কিত ইভেন্টগুলির জন্য কাস্টম মেট্রিকগুলি রেকর্ড করতে আপনি আরও একটি কাস্টম কোড ট্রেস কনফিগার করতে পারেন। উদাহরণস্বরূপ, আপনি ক্যাশে হিট এবং মিসের সংখ্যা বা ইউআই একটি লক্ষণীয় সময়ের জন্য প্রতিক্রিয়াহীন হয়ে ওঠার জন্য একটি কাস্টম মেট্রিক তৈরি করতে পারেন।

ট্রেসের জন্য ডিফল্ট বৈশিষ্ট্য এবং ডিফল্ট মেট্রিকের পাশাপাশি Firebase কনসোলে কাস্টম বৈশিষ্ট্য এবং কাস্টম মেট্রিকগুলি প্রদর্শন করে।

কাস্টম কোড ট্রেস যুক্ত করুন

নির্দিষ্ট অ্যাপ্লিকেশন কোড নিরীক্ষণ করতে কাস্টম কোড ট্রেস যুক্ত করতে Performance Monitoring ট্রেস এপিআই ব্যবহার করুন।

নিম্নলিখিত নোট করুন:

  • একটি অ্যাপ্লিকেশন একাধিক কাস্টম কোড ট্রেস থাকতে পারে।
  • একাধিক কাস্টম কোড ট্রেস একই সময়ে চলতে পারে।
  • কাস্টম কোড ট্রেসের নামগুলি অবশ্যই নিম্নলিখিত প্রয়োজনীয়তাগুলি পূরণ করতে হবে: কোনও শীর্ষস্থানীয় বা ট্রেলিং হোয়াইটস্পেস, কোনও শীর্ষস্থানীয় আন্ডারস্কোর ( _ ) চরিত্র নয় এবং সর্বোচ্চ দৈর্ঘ্য 100 টি অক্ষর নয়।
  • কাস্টম কোড ট্রেসগুলি কাস্টম মেট্রিক এবং কাস্টম বৈশিষ্ট্য যুক্ত করে সমর্থন করে।

একটি কাস্টম কোড ট্রেস শুরু এবং বন্ধ করতে, আপনি নীচের অনুরূপ কোডের লাইনের সাথে ট্রেস করতে চান এমন কোডটি মোড়ানো:

WebWeb
import { trace } from "firebase/performance";

const t = trace(perf, "CUSTOM_TRACE_NAME");
t.start();

// Code that you want to trace 
// ...

t.stop();
perf_add_custom_trace.js
const trace = perf.trace("CUSTOM_TRACE_NAME");
trace.start();

// Code that you want to trace 
// ...

trace.stop();
index.js

ব্যবহারকারী টাইমিং এপিআই ব্যবহার করে কাস্টম কোড ট্রেস যুক্ত করুন

Performance Monitoring ট্রেস এপিআই ছাড়াও, আপনি ব্রাউজারের নেটিভ ব্যবহারকারী টাইমিং এপিআই ব্যবহার করে কাস্টম কোড ট্রেস যুক্ত করতে পারেন। এই এপিআই ব্যবহার করে পরিমাপ করা একটি ট্রেসের সময়কাল স্বয়ংক্রিয়ভাবে Performance Monitoring এসডিকে দ্বারা নেওয়া হয়। ব্যবহারকারীর সময়সীমার এপিআই ব্যবহার করা বিশেষত সহায়ক যদি আপনি Performance Monitoring এসডিকে অ্যাসিঙ্ক্রোনালি লোড করতে পছন্দ করেন। একবার এসডিকে শুরু হয়ে গেলে, এসডিকে তার লোডের আগে ঘটে যাওয়া পরিমাপগুলি রেকর্ড করবে।

এই বৈশিষ্ট্যটি ব্যবহার করতে, আপনি যে কোডটি ব্যবহারকারীর সময় চিহ্নগুলির সাথে ট্রেস করতে চান তা মোড়ানো:

WebWeb
const performance = window.performance;

performance.mark("measurementStart");

// Code that you want to trace 
// ...

performance.mark("measurementStop");
performance.measure("customTraceName", "measurementStart", "measurementStop");
perf_user_timing_marks.js
const performance = window.performance;

performance.mark("measurementStart");

// Code that you want to trace 
// ...

performance.mark("measurementStop");
performance.measure("customTraceName", "measurementStart", "measurementStop");
index.js

নোট করুন যে উপরের উদাহরণে performance ব্রাউজারের window.performance বোঝায় Performance পারফরম্যান্স অবজেক্ট।

ব্যবহারকারী টাইমিং এপিআই ব্যবহার করার সময়, কাস্টম মেট্রিক এবং বৈশিষ্ট্যগুলি কাস্টম কোড ট্রেসগুলিতে যুক্ত করা যায় না। আপনি যদি কাস্টম কোড ট্রেসে সেই কাস্টম উপাদানগুলি যুক্ত করতে চান তবে Performance Monitoring ট্রেস এপিআই ব্যবহার করুন।

কাস্টম কোড ট্রেসগুলিতে কাস্টম মেট্রিক যুক্ত করুন

কাস্টম কোড ট্রেসগুলিতে কাস্টম মেট্রিক যুক্ত করতে Performance Monitoring ট্রেস এপিআই ব্যবহার করুন।

নিম্নলিখিত নোট করুন:

  • কাস্টম মেট্রিকের নামগুলি অবশ্যই নিম্নলিখিত প্রয়োজনীয়তাগুলি পূরণ করতে হবে: কোনও শীর্ষস্থানীয় বা ট্রেলিং হোয়াইটস্পেস, কোনও শীর্ষস্থানীয় আন্ডারস্কোর ( _ ) চরিত্র নয় এবং সর্বোচ্চ দৈর্ঘ্য 100 টি অক্ষর নয়।
  • প্রতিটি কাস্টম কোড ট্রেস 32 টি মেট্রিক (ডিফল্ট সময়কাল মেট্রিক সহ) রেকর্ড করতে পারে।

একটি কাস্টম মেট্রিক যুক্ত করতে, ইভেন্টটি ঘটে এমন প্রতিটি সময় নিম্নলিখিতগুলির অনুরূপ কোডের একটি লাইন যুক্ত করুন। উদাহরণস্বরূপ, এই কাস্টম মেট্রিক আপনার অ্যাপ্লিকেশনটিতে ঘটে যাওয়া পারফরম্যান্স-সম্পর্কিত ইভেন্টগুলি গণনা করে।

WebWeb
import { trace } from "firebase/performance";

async function getInventory(inventoryIds) {
  const t = trace(perf, "inventoryRetrieval");

  // Tracks the number of IDs fetched (the metric could help you to optimize in the future)
  t.incrementMetric("numberOfIds", inventoryIds.length);

  // Measures the time it takes to request inventory based on the amount of inventory
  t.start();
  const inventoryData = await retrieveInventory(inventoryIds);
  t.stop();

  return inventoryData;
}
perf_add_custom_metrics.js
async function getInventory(inventoryIds) {
  const trace = perf.trace("inventoryRetrieval");

  // Tracks the number of IDs fetched (the metric could help you to optimize in the future)
  trace.incrementMetric("numberOfIds", inventoryIds.length);

  // Measures the time it takes to request inventory based on the amount of inventory
  trace.start();
  const inventoryData = await retrieveInventory(inventoryIds);
  trace.stop();

  return inventoryData;
}
index.js

Create custom attributes for custom code traces

Use the Performance Monitoring Trace API to add custom attributes to custom code traces.

To use custom attributes, add code to your app that defines the attribute and associates it with a specific custom code trace. You can set the custom attribute anytime between when the trace starts and when the trace stops.

নিম্নলিখিত নোট করুন:

  • Names for custom attributes must meet the following requirements:

    • No leading or trailing whitespace, no leading underscore ( _ ) character
    • কোনো স্পেস নেই
    • Max length is 32 characters
    • Allowed characters for the name are AZ , az , and _ .

  • Each custom code trace can record up to 5 custom attributes.

  • Please ensure that custom attributes do not contain any information that personally identifies an individual to Google.

WebWeb
import { trace } from "firebase/performance";

const t = trace(perf, "test_trace");
t.putAttribute("experiment", "A");

// Update scenario
t.putAttribute("experiment", "B");

// Reading scenario
const experimentValue = t.getAttribute("experiment");

// Delete scenario
t.removeAttribute("experiment");

// Read attributes
const traceAttributes = t.getAttributes();
perf_add_custom_attributes.js
const trace = perf.trace("test_trace");
trace.putAttribute("experiment", "A");

// Update scenario
trace.putAttribute("experiment", "B");

// Reading scenario
const experimentValue = trace.getAttribute("experiment");

// Delete scenario
trace.removeAttribute("experiment");

// Read attributes
const traceAttributes = trace.getAttributes();
index.js

Track, view, and filter performance data

To view real-time performance data, make sure that your app uses a Performance Monitoring SDK version that's compatible with real-time data processing. Learn more about real-time performance data .

Track specific metrics in your dashboard

To learn how your key metrics are trending, add them to your metrics board at the top of the Performance dashboard. You can quickly identify regressions by seeing week-over-week changes or verify that recent changes in your code are improving performance.

an image of the metrics board in the <span class=Firebase Performance Monitoring dashboard" />

To add a metric to your metrics board, follow these steps:

  1. Go to the Performance dashboard in the Firebase console.
  2. Click an empty metric card, then select an existing metric to add to your board.
  3. Click on a populated metric card for more options, for example to replace or remove a metric.

The metrics board shows collected metric data over time, both in graphical form and as a numerical percentage change.

Learn more about using the dashboard .

View traces and their data

To view your traces, go to the Performance dashboard in the Firebase console, scroll down to the traces table, then click the appropriate subtab. The table displays some top metrics for each trace, and you can even sort the list by the percentage change for a specific metric.

Performance Monitoring provides a troubleshooting page in the Firebase console that highlights metric changes, making it easy to quickly address and minimize the impact of performance issues on your apps and users. You can use the troubleshooting page when you learn about potential performance issues, for example, in the following scenarios:

  • You select relevant metrics on the dashboard and you notice a big delta.
  • In the traces table you sort to display the largest deltas at the top, and you see a significant percentage change.
  • You receive an email alert notifying you of a performance issue.

You can access the troubleshooting page in the following ways:

  • On the metric dashboard, click the View metric details button.
  • On any metric card, select => View details . The troubleshooting page displays information about the metric you selected.
  • In the traces table, click a trace name or any metric value in the row associated with that trace.
  • In an email alert, click Investigate now .

When you click a trace name in the traces table, you can then drill down into metrics of interest. ক্লিক করুন Filter button to filter the data by attribute, for example:

an image of <span class=Firebase Performance Monitoring data being filtered by attribute" />
  • Filter by Page URL to view data for a specific page of your site
  • Filter by Effective connection type to learn how a 3g connection impacts your app
  • Filter by Country to make sure your database location isn't affecting a specific region

Learn more about viewing data for your traces .

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

  • Learn more about using attributes to examine performance data.

  • Learn more about how to track performance issues in the Firebase console.

  • Set up alerts for code changes that are degrading the performance of your app. For example, you can configure an email alert for your team if the duration of a specific custom code trace exceeds a threshold that you set.