First Contetntfull یا FCP چیست و چه تاثیری در سرعت سایت دارد؟ FCP معیاری است که شما در ابزارهای آنالیز تست سرعت با آن سر و کار دارید.

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

( First Contentful Paint (FCP

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

را نشان می‌دهد.

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

زمان FCP پایین به یک تجربه کاربری مثبت کمک می‌کند، زیرا بازدیدکنندگان شما احساس می‌کنند که اگر محتوا زودتر تحویل داده شود،

صفحه سریع بارگذاری می‌شود.

FCP چیست ؟

متریک First Contentful Paint (FCP) زمان شروع بارگیری صفحه تا زمان ارائه هر قسمت از محتوای صفحه را بر روی صفحه اندازه گیری می کند.

برای این معیار، به متن، تصاویر (از جمله تصاویر پس زمینه)، عناصر یا عناصر  اشاره دارد.

نحوه اندازه گیری FCP

ابزار میدانی

• سرعت صفحه
• گزارش تجربه کاربر Chrome
• کنسول جستجو (گزارش سرعت)
• web-vitals کتابخانه جاوا اسکریپت

ابزار آزمایشگاه

• Lighthouse
• Chrome DevTools
• PageSpeed

تاثیر FCP بر امتیاز عملکرد شما:

این معیار 10 درصد از کل امتیاز عملکرد را به خود اختصاص می دهد.

بهینه سازی صفحه خود برای بهبود FCP معمولاً دستاوردهای قابل توجهی را هم در زمان بارگذاری واقعی صفحه

و هم در درک کاربر از عملکرد سایت شما به ارمغان می آورد.

10 درصد مقدار قابل توجهی است پس بهتر است حتما برای بهینه‌سازی آن همین حالا اقدام کنید.

چگونه First Contentful Paint را بهبود دهیم؟

توجه داشته باشید که ممیزی‌های خاص ذکر شده در زیر احتمالاً بیشترین سهم را در FCP شما دارد.

با این حال، FCP صفحه شما ممکن است تحت تأثیر بهینه‌سازی‌های دیگری قرار گیرد که در اینجا ذکر نشده است.

اما به طور کلی همین ممیزی‌ها می‌توانند تاثیر بسیار زیادی را در نتیجه کار شما داشته باشند پس به آن‌ها دقت کنید.

با گنجاندن شیوه‌هایی که در ادامه گفته می‌شود می‌توانید به توسعه هر چه بهتر گردش کار خودتان کمک کنید مانند:

1.کاهش زمان پاسخگویی سرور:

کاهش زمان پاسخگویی سرور به ارائه زمان FCP سریع در صفحه شما کمک می کند. برخی از کارهایی که می توانید در اینجا انجام دهید عبارتند از:

• کاهش زمان پاسخگویی اولیه سرور
• استفاده از شبکه تحویل محتوا (CDN)
• خدمات دهی به دارایی های ثابت با سیاست کش کارآمد
• اجتناب از تغییر مسیر چند صفحه
• ایجاد ارتباطات اولیه با منابع مهم شخص ثالث

2. حذف منابع مسدودکننده رندر:

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

3.به حداقل رساندن تعداد درخواست ها و اندازه بار:

سعی کنید تعداد درخواست‌ها و اندازه بارگذاری خود را تا حد امکان کوچک نگه دارید تا منابع سریع بارگیری شوند

و مرورگر بتواند زودتر محتوا را در صفحه شما ارائه دهد.