اولین رنگ محتوا یک معیار عملکرد است که نشان میدهد بازدیدکنندگان با چه سرعتی میتوانند محتوای واقعی (متن، تصاویر، ویدیو و غیره) را در صفحه شما مشاهده کنند.
FCP، که به سرعت بارگذاری صفحه شما مرتبط است، یکی از معیارهایی است که قبلاً در Legacy Reports خود دنبال می کردیم.
FCp پایین در ایجاد تجربه مثبت کاربری موثر است، زیرا اگر محتوا زودتر نمایان شود، بازدیدکنندگان حس میکنند که بارگذاری صفحه چقدر سریع و روان بوده است.
FCPچه چیزی را اندازه گیری می کند؟
بنا به گوگل:
FCP نشان می دهد که چه مدت طول می کشد تا مرورگر اولین قطعه از محتوای DOM را پس از پیمایش کاربر به صفحه شما ارائه دهد. محتوای DOM صفحه شما شامل تصاویر، عناصر <canvas> غیرسفید و SVG است اما انچه که در داخل یک iframe قرار دارد را شامل نمی شود .”
FCP یک معیار مهم و کاربر-محور برای اندازهگیری عملکردِ درک شده است، زیرا مشخص میکند بازدیدکنندگان اولین بار در کدام نقطه میتوانند محتوای روی صفحه ببینند.
FCP سریع به کاربر اطمینان می دهد که در حین بارگذاری صفحه شما اتفاقی در حال رخ دادن است. FCP کند نشان می دهد که هیچ کاری انجام نمی شود و بنابراین جریان کار با کندی مواجه است.
در مقابل، First Paint Timing (زمان اولین رنگ) نقطه ای که در آن هر چیزی بر روی صفحه نمایش داده می شود (به عنوان مثال، رنگ پس زمینه، حاشیه و غیره) را اندازه گیری می کند – که از اهمیت کمتری برخوردار است.
تأثیر اولین رنگ محتوا بر امتیاز عملکرد شما
این معیار 10٪ از کل امتیاز عملکرد را به خود اختصاص می دهد.
معمولاً بهینه سازی صفحه به منظور بهبود FCP ، هم از نظر زمان بارگذاری واقعی صفحه و هم از نظر درک کاربر از عملکرد سایت دستاوردهای قابل توجهی برای تان به ارمغان می آورد.
بهبود سه شاخص در Web vitual را به خدمات سئو ما در یاسئومی بسپارید.
آستانه اولین رنگ محتوایی
آستانه FCP به شرح زیر است:
- خوب – هیچ اقدامی لازم نیست= زمان FCP 934 میلی ثانیه یا کمتر.
- خوب، اما نیازمند بهبود = زمان FCP بین 934 تا 1205 میلی ثانیه
- بیشتر از حد توصیه شده = زمان FCP بین 1205 تا 1600 میلی ثانیه.
- بسیار بیشتر از توصیه شده = زمان FCP بالاتر از 1600 میلی ثانیه.
چگونه FCP را بهبود دهیم؟
توجه داشته باشید که ممیزی های خاص ذکر شده در زیر احتمالاً بیشترین کمک را به FCP شما می کنند. با این حال، FCP صفحه شما ممکن است تحت تأثیر بهینه سازی های دیگری قرار گیرد که نهایتا موجب افزایش سرعت سایت شما قرار بگیرد که در اینجا ذکر نشده است.
FCP خود را با گنجاندن شیوه های بهینه سازی گردش کار خود بهبود بخشید، مانند:
1) کاهش زمان پاسخگویی سرور
کاهش زمان پاسخ سرور به سرعت FCP صفحه شما کمک می کند. برخی از کارهایی که می توانید در این زمینه انجام دهید عبارتند از:
- ب) استفاده از شبکه تحویل محتوا (CDN)
- ج) ارائه داشته های ثابت با سیاست کارآمد ذخیره سازی
- د) اجتناب از تغییر مسیر چند صفحهای
- ه) ایجاد ارتباطات اولیه با منابع مهم شخص ثالث
2) حذف منابع مسدود کننده رندر
حذف منابع مسدود کننده رندر در صفحه شما، بارگیری منابع را در سریع ترین زمان ممکن تضمین می کند.
3) به حداقل رساندن تعداد درخواست ها و اندازه بار
سعی کنید تعداد درخواستها و اندازههای بار را تا حد امکان کم نگه دارید تا منابع سریع بارگیری شوند و مرورگر زودتر شروع به ارائه محتوا در صفحه شما کند.
