اولین رنگ معنی دار

First Meaningful Paint (FMP) یکی از شش معیاری است که در بخش عملکرد گزارش Lighthouse ردیابی شده است. هر متریک جنبه ای از سرعت بارگذاری صفحه را نشان می دهد.

Lighthouse FMP را در چند ثانیه نمایش می دهد:

تصویری از ممیزی اولین رنگ معنی دار فانوس دریایی

آنچه FMP اندازه گیری می کند

FMP زمانی را اندازه گیری می کند که محتوای اصلی یک صفحه برای کاربر قابل مشاهده باشد. امتیاز خام برای FMP زمان بر حسب ثانیه بین کاربر شروع بارگذاری صفحه و صفحه نمایش محتوای اصلی بالای صفحه است. FMP اساساً زمان رنگ را نشان می دهد که پس از آن بزرگترین تغییر چیدمان بالای تاشو اتفاق می افتد. درباره جزئیات فنی FMP در Google's Time to First Meaningful Paint: رویکردی مبتنی بر طرح‌بندی بیشتر بیاموزید.

First Contentful Paint (FCP) و FMP اغلب یکسان هستند وقتی اولین بیت از محتوای ارائه شده در صفحه شامل محتوای بالای صفحه باشد. با این حال، زمانی که مثلاً محتوای بالای صفحه در iframe وجود داشته باشد، این معیارها می‌توانند متفاوت باشند. FMP زمانی ثبت می شود که محتوای داخل iframe برای کاربر قابل مشاهده باشد، در حالی که FCP شامل محتوای iframe نمی شود .

چگونه Lighthouse امتیاز FMP شما را تعیین می کند

درست مانند FCP، FMP بر اساس داده های عملکرد واقعی وب سایت از بایگانی HTTP است.

هنگامی که FMP و FCP یکسان هستند، امتیازات آنها یکسان است. اگر FMP بعد از FCP رخ دهد - به عنوان مثال، وقتی یک صفحه حاوی محتوای iframe است - امتیاز FMP کمتر از امتیاز FCP خواهد بود.

برای مثال، فرض کنید FCP شما 1.5 ثانیه و FMP شما 3 ثانیه است. امتیاز FCP 99 خواهد بود، اما امتیاز FMP 75 خواهد بود.

این جدول نحوه تفسیر امتیاز FMP خود را نشان می دهد:

متریک FMP
(در چند ثانیه)
کدگذاری رنگ امتیاز FMP
(صدک آرشیو FCP HTTP)
0-2 سبز (سریع) 75-100
2-4 نارنجی (متوسط) 50-74
بیش از 4 قرمز (آهسته) 0–49

چگونه نمره FMP خود را بهبود ببخشید

ببینید چگونه می توان بزرگترین رنگ محتوایی را در سایت خود بهبود بخشید . استراتژی‌های بهبود FMP تا حد زیادی مشابه استراتژی‌های بهبود بزرگترین رنگ محتوایی است.

ردیابی FMP در دستگاه های کاربران واقعی

برای یادگیری نحوه اندازه‌گیری زمانی که FMP واقعاً در دستگاه‌های کاربران شما رخ می‌دهد، به صفحه معیارهای عملکرد کاربر محور Google مراجعه کنید. بخش ردیابی FMP با استفاده از عناصر قهرمان نحوه دسترسی برنامه‌ریزی شده به داده‌های FCP و ارسال آن به Google Analytics را توضیح می‌دهد.

برای اطلاعات بیشتر در مورد جمع‌آوری معیارهای کاربر واقعی ، به ارزیابی عملکرد بارگیری Google در زندگی واقعی با پیمایش و زمان‌بندی منابع مراجعه کنید. حسابرسی Lighthouse به شما امکان می دهد داده های زمان بندی کاربر را در گزارش خود مشاهده کنید.

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

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

از بخش Diagnostics در گزارش Lighthouse خود استفاده کنید تا تعیین کنید کدام بهبودها بیشترین ارزش را برای صفحه شما دارند. هرچه این فرصت مهم تر باشد، تأثیر بیشتری بر امتیاز عملکرد شما خواهد داشت. برای مثال، اسکرین شات Lighthouse زیر نشان می‌دهد که حذف منابع مسدودکننده رندر بیشترین پیشرفت را به همراه خواهد داشت:

فانوس دریایی: بخش تشخیصی که تعدادی از ممیزی ها و تأثیر آنها را نشان می دهد
فانوس دریایی: بخش تشخیص

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

منابع