পৃষ্ঠা লোডিং কর্মক্ষমতা ডেটা সম্পর্কে জানুন (ওয়েব অ্যাপস)

Performance Monitoring uses traces to collect data about monitored processes in your app. একটি ট্রেস হল একটি প্রতিবেদন যাতে আপনার অ্যাপে দুটি সময়ের মধ্যে ক্যাপচার করা ডেটা থাকে।

ওয়েব অ্যাপের জন্য, Performance Monitoring স্বয়ংক্রিয়ভাবে আপনার অ্যাপের প্রতিটি পৃষ্ঠার জন্য একটি ট্রেস সংগ্রহ করে যাকে পৃষ্ঠা লোড ট্রেস বলা হয়। Each page load trace collects the following default metrics:

  • first paint — A metric that measures the time between when the user navigates to a page and when any visual change happens

  • প্রথম বিষয়বস্তু পেইন্ট — একটি মেট্রিক যা একজন ব্যবহারকারী কখন একটি পৃষ্ঠায় নেভিগেট করে এবং যখন একটি চিত্র বা পাঠ্যের মতো অর্থপূর্ণ বিষয়বস্তু প্রদর্শিত হয় তার মধ্যে সময় পরিমাপ করে

  • domInteractive — A metric that measures the time between when the user navigates to a page and when the page is considered interactive for the user

  • domContentLoadedEventEnd — A metric that measures the time between when the user navigates to a page and when the initial HTML document is completely loaded and parsed

  • loadEventEnd - একটি মেট্রিক যা ব্যবহারকারী কখন পৃষ্ঠায় নেভিগেট করে এবং বর্তমান নথির লোড ইভেন্টটি শেষ হওয়ার মধ্যে সময় পরিমাপ করে

  • প্রথম ইনপুট বিলম্ব - একটি মেট্রিক যা ব্যবহারকারী কখন একটি পৃষ্ঠার সাথে ইন্টারঅ্যাক্ট করে এবং কখন ব্রাউজার সেই ইনপুটে প্রতিক্রিয়া জানাতে সক্ষম হয় তার মধ্যে সময় পরিমাপ করে

You can view data from these traces in the Page load subtab of the traces table, which is at the bottom of the Performance dashboard (learn more about using the console later on this page).

Definition of a page load trace

This trace measures several metrics about how the pages in your app load, specifically how long it takes to reach common loading points, like an a responsive app.

পৃষ্ঠা লোড ট্রেসগুলি আপনাকে আপনার অ্যাপ্লিকেশনটির মূল ওয়েব ভিটালগুলি যেমন প্রথম সামগ্রীযুক্ত পেইন্টগুলি ট্র্যাক করতে সহায়তা করে।

Metrics collected for page load traces

এই ট্রেসগুলি বাক্সের বাইরের ট্রেস, তাই আপনি তাদের সাথে কাস্টম মেট্রিক্স বা কাস্টম বৈশিষ্ট্য যোগ করতে পারবেন না।

প্রথম পেইন্ট

এই মেট্রিকটি ব্যবহারকারী কখন একটি পৃষ্ঠায় নেভিগেট করে এবং যখন কোন দৃশ্য পরিবর্তন ঘটে তার মধ্যে সময় পরিমাপ করে।

এই মেট্রিকটি কার্যকর কারণ প্রথম পেইন্টটি আপনার ব্যবহারকারীদের নির্দেশ করে যে পৃষ্ঠাটি লোড হতে শুরু করেছে

  • Starts when the user navigates to a page.

  • পটভূমির রঙ পরিবর্তন বা শিরোনাম লোডিং সহ যেকোন ভিজ্যুয়াল পরিবর্তন ঘটলে থামে।

প্রথম সন্তুষ্ট পেইন্ট

This metric measures the time between when a user navigates to a page and when meaningful content displays, like an image or text.

এই মেট্রিকটি আপনার ব্যবহারকারীরা কত শীঘ্রই একটি নতুন ব্যাকগ্রাউন্ড কালার বা হেডারের পরিবর্তে আপনার অ্যাপের প্রকৃত বিষয়বস্তু দেখতে পায় তার অন্তর্দৃষ্টির জন্য দরকারী।

  • Starts when the user navigates to a page.

  • Stops immediately after the browser renders the first content from the DOM, including any text, image (including background images), non-white canvas, or SVG.

dom ইন্টারেক্টিভ

This metric measures the time between when the user navigates to a page and when the page is considered interactive for the user.

আপনার ব্যবহারকারীরা কত তাড়াতাড়ি আপনার অ্যাপের উপাদানগুলির সাথে ইন্টারঅ্যাক্ট করতে পারে, যেমন বোতাম এবং হাইপারলিঙ্কগুলিকে স্ক্রিনে দেখার পরিবর্তে এই মেট্রিকটি অন্তর্দৃষ্টির জন্য দরকারী। Note that this doesn't mean that the browser will respond to the interaction (for this metric, refer to first input delay trace ).

  • Starts when the user navigates to a page.

  • ব্যবহারকারী এজেন্ট বর্তমান এইচটিএমএল ডকুমেন্টের "ইন্টারেক্টিভ" তে প্রস্তুতি সেট করার আগেই থামে।

domContentLoadedEventEnd

এই মেট্রিকটি ব্যবহারকারী কখন একটি পৃষ্ঠায় নেভিগেট করে এবং যখন প্রাথমিক HTML নথি সম্পূর্ণরূপে লোড এবং পার্স করা হয় তার মধ্যে সময় পরিমাপ করে৷

  • Starts when the user navigates to a page.

  • Stops immediately after the initial HTML document is completely loaded and parsed ( DOMContentLoaded ), but this does not mean that stylesheets, images, and subframes are finished loading.

লোড ইভেন্টএন্ড

This metric measures the time between when the user navigates to the page and when the current document's load event completes.

এই মেট্রিকটি স্টাইলশীট এবং ছবি সহ আপনার সমস্ত সামগ্রী লোড করতে কতক্ষণ সময় নেয় তা অন্তর্দৃষ্টির জন্য উপযোগী৷

  • ব্যবহারকারী যখন একটি পৃষ্ঠায় নেভিগেট করে তখন শুরু হয়।

  • Stops immediately after the current HTML document's load event completes.

প্রথম ইনপুট বিলম্ব

This metric measures the time between when the user interacts with a page and when the browser is able to respond to that input.

এই মেট্রিকটি কার্যকর কারণ ব্রাউজার ব্যবহারকারীর ইন্টারঅ্যাকশনে সাড়া দেয় আপনার ব্যবহারকারীদের আপনার অ্যাপের প্রতিক্রিয়াশীলতা সম্পর্কে তাদের প্রথম ইম্প্রেশন দেয়।

  • শুরু হয় যখন ব্যবহারকারী প্রথম পৃষ্ঠায় কোনও উপাদানটির সাথে ইন্টারঅ্যাক্ট করে, যেমন একটি বোতাম বা হাইপারলিঙ্ক ক্লিক করা।

  • Stops immediately after the browser is able to respond to the input, meaning that the browser isn't busy loading or parsing your content.

Note that to measure the first input delay metric, you need to add the polyfill library for this metric. ইনস্টলেশন নির্দেশাবলীর জন্য, লাইব্রেরির ডকুমেন্টেশন পড়ুন।

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

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. রিয়েল-টাইম কর্মক্ষমতা ডেটা সম্পর্কে আরও জানুন

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

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

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

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

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

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

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

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

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

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 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.

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

  • On the metric dashboard, click the View metric details button.
  • On any metric card, select => View details . সমস্যা সমাধানের পৃষ্ঠাটি আপনি নির্বাচিত মেট্রিক সম্পর্কে তথ্য প্রদর্শন করে।
  • In the traces table, click a trace name or any metric value in the row associated with that trace.
  • একটি ইমেল সতর্কতায়, এখন তদন্ত করুন ক্লিক করুন।

When you click a trace name in the traces table, you can then drill down into metrics of interest. ক্লিক করুন বৈশিষ্ট্য দ্বারা ডেটা ফিল্টার করতে ফিল্টার বোতাম, উদাহরণস্বরূপ:

<span class= এর একটি চিত্র Firebase Performance Monitoring data being filtered by attribute" />
  • আপনার সাইটের একটি নির্দিষ্ট পৃষ্ঠার জন্য ডেটা দেখতে পৃষ্ঠা URL দ্বারা ফিল্টার করুন
  • 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 using attributes to examine performance data.

  • Firebase কনসোলে পারফরম্যান্সের সমস্যাগুলি কীভাবে ট্র্যাক করতে হয় সে সম্পর্কে আরও জানুন।

  • পৃষ্ঠা লোডের জন্য সতর্কতা সেট আপ করুন যা আপনার অ্যাপের কর্মক্ষমতাকে অবনমিত করছে। উদাহরণস্বরূপ, যদি কোনও নির্দিষ্ট পৃষ্ঠার জন্য প্রথম ইনপুট বিলম্ব আপনি সেট করা একটি প্রান্তিক ছাড়িয়ে যান তবে আপনি আপনার দলের জন্য একটি ইমেল সতর্কতা কনফিগার করতে পারেন।