درباره داده های عملکرد بارگیری صفحه (برنامه های وب) اطلاعات کسب کنید

نظارت بر عملکرد از ردیابی‌ها برای جمع‌آوری داده‌های مربوط به فرآیندهای نظارت شده در برنامه شما استفاده می‌کند. ردیابی گزارشی است که حاوی داده‌هایی است که بین دو نقطه از زمان در برنامه شما ثبت شده است.

برای برنامه های وب، نظارت بر عملکرد به طور خودکار برای هر صفحه از برنامه شما یک ردیابی به نام ردیابی بارگذاری صفحه جمع آوری می کند. هر ردیابی بارگذاری صفحه معیارهای پیش فرض زیر را جمع آوری می کند:

  • اولین رنگ - معیاری که زمان بین زمانی که کاربر به یک صفحه پیمایش می‌کند تا زمانی که هر تغییر بصری اتفاق می‌افتد را اندازه‌گیری می‌کند

  • اولین رنگ محتوا - معیاری که زمان بین رفتن کاربر به صفحه و نمایش محتوای معنادار، مانند تصویر یا متن را اندازه می‌گیرد.

  • domInteractive - معیاری است که زمان بین زمانی که کاربر به یک صفحه پیمایش می کند و زمانی که صفحه برای کاربر تعاملی در نظر گرفته می شود را اندازه گیری می کند.

  • domContentLoadedEventEnd - معیاری است که زمان بین زمانی که کاربر به یک صفحه پیمایش می کند و زمانی که سند اولیه HTML به طور کامل بارگیری و تجزیه می شود را اندازه گیری می کند.

  • loadEventEnd - معیاری است که زمان بین زمانی که کاربر به صفحه پیمایش می‌کند و زمانی که رویداد بارگذاری سند فعلی تکمیل می‌شود را اندازه‌گیری می‌کند.

  • تاخیر ورودی اول - معیاری که زمان بین تعامل کاربر با یک صفحه و زمانی که مرورگر قادر به پاسخگویی به آن ورودی است را اندازه گیری می کند.

می‌توانید داده‌های این ردیابی‌ها را در زیربرگه بارگذاری صفحه جدول ردیابی، که در پایین داشبورد عملکرد قرار دارد، مشاهده کنید (در ادامه این صفحه درباره استفاده از کنسول بیشتر بدانید).

تعریف ردیابی بارگذاری صفحه

این ردیابی چندین معیار را در مورد نحوه بارگیری صفحات در برنامه شما اندازه گیری می کند، به ویژه مدت زمانی که طول می کشد تا به نقاط بارگیری رایج مانند یک برنامه پاسخگو برسد.

ردیابی های بارگذاری صفحه به شما کمک می کند تا موارد حیاتی وب اصلی برنامه خود را ردیابی کنید، مانند اولین نقاشی محتوا.

معیارهای جمع آوری شده برای ردیابی بارگذاری صفحه

این ردیابی ها ردیابی های خارج از جعبه هستند، بنابراین نمی توانید معیارهای سفارشی یا ویژگی های سفارشی را به آنها اضافه کنید.

اول رنگ

این متریک زمان بین زمانی که کاربر به یک صفحه پیمایش می‌کند تا زمانی که هر تغییر بصری اتفاق می‌افتد را اندازه‌گیری می‌کند.

این معیار از آنجایی مفید است که اولین رنگ به کاربران شما نشان می دهد که صفحه شروع به بارگذاری می کند.

  • زمانی که کاربر به صفحه ای هدایت می شود شروع می شود.

  • هنگامی که هرگونه تغییر بصری اتفاق می‌افتد، از جمله تغییر رنگ پس‌زمینه یا بارگذاری هدر، متوقف می‌شود.

اولین رنگ پر محتوا

این سنجه زمان بین زمانی که کاربر به یک صفحه پیمایش می‌کند تا زمانی که محتوای معنی‌دار نمایش داده می‌شود، مانند تصویر یا متن را اندازه‌گیری می‌کند.

این معیار برای بینش در مورد اینکه کاربران شما چقدر زود محتوای واقعی برنامه شما را می بینند به جای رنگ پس زمینه یا هدر جدید مفید است.

  • زمانی که کاربر به صفحه ای هدایت می شود شروع می شود.

  • بلافاصله پس از اینکه مرورگر اولین محتوا را از DOM ارائه کرد، از جمله هر متن، تصویر (از جمله تصاویر پس‌زمینه)، بوم غیرسفید، یا SVG، متوقف می‌شود.

domInteractive

این متریک زمان بین زمانی که کاربر به یک صفحه پیمایش می کند و زمانی که صفحه برای کاربر تعاملی در نظر گرفته می شود را اندازه گیری می کند.

این معیار برای بینش در مورد اینکه چقدر کاربران شما واقعاً می‌توانند با عناصر موجود در برنامه شما، مانند دکمه‌ها و لینک‌ها، تعامل داشته باشند، به جای اینکه فقط آنها را روی صفحه ببینند، مفید است. توجه داشته باشید که این بدان معنا نیست که مرورگر به تعامل پاسخ می دهد (برای این معیار، به اولین ردیابی تاخیر ورودی مراجعه کنید).

  • زمانی که کاربر به صفحه ای هدایت می شود شروع می شود.

  • بلافاصله قبل از اینکه عامل کاربر آمادگی سند HTML فعلی را روی "تعاملی" تنظیم کند، متوقف می شود.

domContentLoadedEventEnd

این متریک زمان بین زمانی که کاربر به یک صفحه پیمایش می کند و زمانی که سند اولیه HTML به طور کامل بارگیری و تجزیه می شود را اندازه گیری می کند.

  • زمانی که کاربر به صفحه ای هدایت می شود شروع می شود.

  • بلافاصله پس از بارگیری و تجزیه سند اولیه HTML متوقف می شود ( DOMContentLoaded )، اما این به این معنی نیست که بارگیری شیوه نامه ها، تصاویر و فریم فرعی ها به پایان رسیده است.

loadEventEnd

این متریک زمان بین زمانی که کاربر به صفحه پیمایش می‌کند و زمانی که رویداد بارگذاری سند فعلی کامل می‌شود را اندازه‌گیری می‌کند.

این معیار برای بینش در مورد اینکه چقدر طول می کشد تا همه محتوای شما، از جمله شیوه نامه ها و تصاویر بارگیری شود، مفید است.

  • زمانی که کاربر به صفحه ای هدایت می شود شروع می شود.

  • بلافاصله پس از اتمام رویداد بارگیری سند HTML فعلی متوقف می شود.

تاخیر ورودی اول

این معیار زمان بین تعامل کاربر با یک صفحه و زمانی که مرورگر قادر به پاسخگویی به آن ورودی است را اندازه گیری می کند.

این معیار مفید است زیرا مرورگری که به تعامل با کاربر پاسخ می‌دهد، اولین برداشت‌ها را در مورد پاسخ‌دهی برنامه شما به کاربران شما می‌دهد.

  • زمانی شروع می شود که کاربر برای اولین بار با یک عنصر در صفحه تعامل می کند، مانند کلیک کردن روی یک دکمه یا لینک.

  • بلافاصله پس از اینکه مرورگر بتواند به ورودی پاسخ دهد متوقف می شود، به این معنی که مرورگر مشغول بارگیری یا تجزیه محتوای شما نیست.

توجه داشته باشید که برای اندازه گیری اولین متریک تاخیر ورودی، باید کتابخانه polyfill را برای این متریک اضافه کنید. برای دستورالعمل‌های نصب، به مستندات کتابخانه مراجعه کنید.

داده های عملکرد را ردیابی، مشاهده و فیلتر کنید

برای مشاهده داده‌های عملکرد هم‌زمان، مطمئن شوید که برنامه شما از نسخه SDK نظارت بر عملکرد استفاده می‌کند که با پردازش داده‌های هم‌زمان سازگار است. بیشتر بدانید .

معیارهای کلیدی را در داشبورد خود ردیابی کنید

برای اینکه بدانید معیارهای کلیدی شما چگونه ترند هستند، آنها را به تابلوی معیارهای خود در بالای داشبورد عملکرد اضافه کنید. می توانید با دیدن تغییرات هفته به هفته به سرعت رگرسیون ها را شناسایی کنید یا تأیید کنید که تغییرات اخیر در کد شما عملکرد را بهبود می بخشد.

تصویری از تابلوی متریک در داشبورد نظارت بر عملکرد Firebase

برای افزودن یک معیار به تابلوی سنجش خود، به داشبورد عملکرد در کنسول Firebase بروید، سپس روی زبانه داشبورد کلیک کنید. روی یک کارت متریک خالی کلیک کنید، سپس یک معیار موجود را برای افزودن به تابلوی خود انتخاب کنید. برای گزینه های بیشتر، مانند جایگزینی یا حذف یک معیار، روی روی کارت متریک پر شده کلیک کنید.

تابلوی متریک داده های متریک جمع آوری شده را در طول زمان، هم به صورت گرافیکی و هم به صورت درصد تغییر عددی نشان می دهد.

درباره استفاده از داشبورد بیشتر بیاموزید.

مشاهده آثار و داده های آنها

برای مشاهده ردیابی‌ها، به داشبورد عملکرد در کنسول Firebase بروید، به جدول ردیابی‌ها بروید، سپس روی زیربرگه مناسب کلیک کنید. جدول برخی از معیارهای برتر را برای هر ردیابی نشان می دهد، و حتی می توانید لیست را بر اساس درصد تغییر برای یک متریک خاص مرتب کنید.

اگر روی نام ردیابی در جدول ردیابی کلیک کنید، سپس می‌توانید روی صفحه‌های مختلف کلیک کنید تا ردیابی را کاوش کنید و معیارهای مورد علاقه را بررسی کنید. در بیشتر صفحات، می توانید از دکمه فیلتر (بالا سمت چپ صفحه) برای فیلتر کردن داده ها بر اساس ویژگی استفاده کنید، به عنوان مثال:

تصویری از داده های نظارت بر عملکرد Firebase که بر اساس ویژگی فیلتر شده است
  • برای مشاهده داده های صفحه خاصی از سایت خود، بر اساس URL صفحه فیلتر کنید
  • بر اساس نوع اتصال مؤثر فیلتر کنید تا بدانید چگونه اتصال 3g روی برنامه شما تأثیر می گذارد
  • بر اساس کشور فیلتر کنید تا مطمئن شوید مکان پایگاه داده شما بر منطقه خاصی تأثیر نمی گذارد

درباره مشاهده داده های ردیابی خود بیشتر بیاموزید.

مراحل بعدی