(First Contentful Paint)FCP چیست؟
در توضیح اینکه FCP چیست و چگونه آن را بهبود بدهیم میتوان گفت زمانی که شما برروی لینک یک سایت کلیک میکنید، یک عنصر زودتر از سایر عناصر سایت بارگزاری شده و قابل روئت است.
به عبارت دیگر FCP (First Contentful Paint) به اولین عنصری در سایت گفته میشود که کاربر میتواند آن را ببیند و با آن تعامل برقرار کند.
در واقع FCP مدت زمانی را که اولین محتوای DOM برای کاربر نمایش داده میشود را اندازه گیری میکند.مثل تصاویر، عناصر غیر سفید،svg و…
FCP مخفف چیست؟
FCP مخفف و کوتاه شدهیFirs Cotentful Paint است و به مدت زمانی گفته میشود که اولین عنصر یک وب سایت به صورت کامل بارگزاری و لود میشود.
زمانی که کاربر برروی لینک وب سایت کلیک میکند، یک درخواست برای سرور ارسال میشود. سرور با دریافت درخواست کاربر موظف است اطلاعات سایت را به کاربر نمایش دهد.
گوگل برای کاهش دادن زمان انتظار کاربران راهکارهایی مانند FCP معرفی نمود تا کاربران هر چه سریعتر با صفحه مورد نظر ارتباط برقرار نموده و نیاز خود را برطرف کنند.
از طرف دیگر متخصصان و فعالان حوزه وب در تلاش هستند که توجه گوگل و کاربر را به سایت خود جلب کنند. پس میتوان به این نتیجه رسید که Firs Cotentful Paint تنها یک مقدار معمولی نیست و باید به آن توجه نمود.
FCP و بهینه سازی آن
برای به دست آوردن اعتماد کاربران، باید ابتدا آنها را متقاعد کرد که شما وب سایتتتان را به حال خود رها نکردهاید و به صورت شبانه روزی آن را پشتیبانی میکنید.
FCP به میزان 10 % از امتیاز رنک را به خود اختصاص میدهد!!!!
به گونهای نمایش اولین عنصر بارگزاری شده (FCP) این اعتماد را در کاربر ایجاد میکند. کاربر اولین المان را میبیند و بررسی میکند و به صورت همزمان نیز سایر قسمتهای سایت بارگزاری میشوند.
در حقیقت اگر کاربر ببیند که سایت شما سرعت لود پایینی دارد، به ظاهر آن توجه نشده است و یا محتوای جدید و به روزی در آن بارگزاری نشده است، به سرعت آن را ترک میکند.
همان طور که قبلا گفته شد یکی از فاکتورهای اصلی رتبه بندی سایتها از نظر گوگل، سرعت وب سایت است. با بهینه سازی المانهای صفحه نظیر اسلایدرها، عکسها، ویدئوها، پادکست و… این باور در کاربران به وجود میآید که وب سایت به حال خود رها نشده است و میتوانند خرید کنند یا نیاز خود را برطرف کنند.
گوگل دوست ندارد کاربرانش منتظر بمانند. به همین دلیل شما باید سعی کنید تا حد قابل قبولی سایت خود را برای موتور جستجو و خزندگان بهینه سازی نموده و سرعت آن را افزایش دهید.
زمان FCP | رنک | نتیجه |
---|---|---|
934 میلی ثانیه یا کمتراز | خوب | هیچ کاری در اینجا انجام نمی شود |
بین 934 تا 1205 میلی ثانیه | خوب | بهبود لازم است |
بین 1205 تا 1600 میلی ثانیه | متوسط | بیشتر از حد توصیه شده |
بالاتر از 1600 میلی ثانیه | ضعیف | خیلی بیشتر از حد توصیه شده |
کدام عنصر سایت First Contentful Paint کمتری دارد؟
شاید برای شما نیز این سوال به وجود آمده باشد که کدام عنصر یک سایت، FCP کمتری دارد؟ در پاسخ به این سوال باید گفت ابزارهایی وجود دارد که به کمک آنها میتوان فهمید که کدام عنصر سایت first contentful paint کمتری دارد.
به عبارت دیگر میتوانید به کمک ابزارها سایت را تحلیل و بررسی نموده و گزارشی از سرعت بارگزاری قسمتها مختلف و عناصر آن به دست بیاورید.
مقدار FCP در سایتهای مختلف متغیر است. به گونهای که ممکن است با کلیک برروی یک سایت بلاگی، ابتدا یک تصویر مشاهده کنید که کمتر از 2 ثانیه به صورت کامل بارگزاری میشود.
در مقابل نیز ممکن است برروی یک سایت فروشگاهی کلیک کنید و اولین عنصری که لود میشود اسلایدر سایت باشد که در 5 ثانیه به طور کامل بارگزاری میشود.
بهینه سازی سرعت سایت و تاثیر آن بر اف سی پی (FCP)
بهینه سازی سرعت سایت باعث میشود که کدهای css، java script و… تا حد امکان باهم ادغام شده و برای بارگزاری آنها تعداد request کمتری به سمت سرور ارسال شود.
از یک رو نیز ادغام شدن این کدها نیز سبب میشود که سرعت اجرای خود کدها نیز بالاتر رفته و زودتر پردازش و نمایش داده بشوند. علاوه بر اینها با بهینه سازی سرعت سایت، تصاویر، فیلمها، پادکست و تمامی عناصر موجود در سایت نیز فشرده میشوند.
با توجه به توصیفات ذکر شده اکنون میتوان گفت که بهینه سازی سرعت سایت به طور مستقیم برروی FCP تاثیر مثبت دارد و به میزان قابل توجهی آن را کاهش میدهد.
ابزارهای اندازه گیری FCP (First Contentful Paint)
برای اندازه گیری FCP ابزار و روشهای مختلفی وجود دارد که در ادامه به توضیح آنها پرداخته شده است. اما بدون استفاده از ابزار نیز میتوان به صورت مشاهده عینی به این مسئله پی بُرد.
توصیه میشود از سایت و ابزارهایی استفاده کنید که معتبر باشند مانند:
- سایت GTmetrix
- ابزار LightHouse
- افزونههای پولی و با کیفیت مانند User Experience Report
- سایت Google PageSpeed Insights
- و اکستنشن DevTools
گوگل و سایر موتورهای جستجو برای کاربران خود ارزش قائلند و همواره سعی دارند که رضایت آنان را به دست بیاورند. شما نیز از کاربران خود غافل نشوید و گزارش کاربران خود را به دقت بررسی کنید. اگر سایت شما به search console متصل باشد، این ابزار نیز اطلاعات دقیقی به شما خواهد داد.
توجه داشته باشید با توجه به تحریمهای فعلی کشور ایران، برای استفاده از جی تی متریکس (GTmetrix) و لایت هوس (LightHouse) حتما vpn خود را روشن نمائید.
لازم به ذکر است که آمار به دست آمده از ابزار LightHouse دقیقتر از سایر رقبایش است. زیرا سایر رقبا نیز با استفاده از فاکتورهای لایت هوس سایت را تحلیل و بررسی میکنند.
بهتر است مقدار FCP کم باشد یا زیاد؟
هرچه زودتر سایت بارگزاری شده و کاربر به پایش آن مشغول شود، برای شما و گوگل پسندیدهتر خواهد بود. پس در جواب باید گفت که بهتر است مقدار FCP کم باشد.
تنها در این صورت است که کاربر در سایت میماند و برای شما امتیاز مثبت به حساب میآید. سایتهای با اف سی پی کمتر، موفقتر از سایتهایی هستند که اف سی پی بیشتری دارند.
چگونه اف سی پی را کاهش دهیم؟
در دنیایی که لحظه به لحظه در حال پیشرفت است و افراد به دنبال سرعت بالاتر هستند، شما نیز باید سعی کنید که کیفیت و سرعتتان بالا ببرید. کاهش دادن FCP سایت یکی از راه حلهای این کار است.
به منظور کاهش FCP سیات مراحل زیر را دنبال کنید:
-
- ابتدا افزونههای اضافی را از پیشخوان غیر فعال و یا حذف کنید.
- با استفاده از افزونهها، کدهای css و java script را باهم ادغام کنید.
- با استفاده از افزونهها تصاویر، پادکست و سایر فایلها را فشرده کنید.
- تا حد امکان از ریدایرکت کردن urlها پرهیز کنید.
- به هاستینگ سایت تیکت ارسال نموده و از آنها بخواهید زمان پاسخ را تا حد امکان کاهش دهند.
- تا حد امکان از اسلایدرها و المانهایی که سنگین هستند استفاده نکنید.
- عمق صفحات را کاهش دهید.
- از بارگزاری تنبل (lazy load) استفاده کنید.
با انجام دادن مراحل فوق، میزان ریکوئستهای ارسالی شما به طرف سرور تا حد زیادی کاهش پیدا نموده و به شما کمک میکند که میزان First Contentful Paint را کاهش دهید.
تاثیر FCP بر UX سایت
Ui معرف بخشی از سایت است که کاربر با آن سر و کار دارد و عملا آن را مشاهده میکند. اما ux کوتاه شده عبارت user experience است و به معنی تجربه کاربری میباشد.
Ux قابل قبول و خوب باعث میشود که کاربر به سایت شما وفادار بماند و در صورت نیاز به محصول و محتوای مشابه، مجددا سایت شما را انتخاب کند. با کاهش first contentful paint (FCP)، میزان ux افزایش پیدا میکند.
بهبود FCP با استفاده از تصاویر با پسوند webp و svg
از آنجایی که تمام مقالات و محصولات باید دارای تصویر باشند، بارگزاری تصاویر با کیفیت بالا و کم حجم کاری انکار ناپذیر است. به منظور بهبود FCP بهتر است از تصاویر با پسوند webp و svg استفاده کنید.
تصاویر با دو پسوند ذکر شده دارای کیفیت بالا و حجم نسبتا کمی هستند و این دو عامل سبب شده است که طراحان و متخصصین سئو از این دسته تصاویر استفاده کنند تا سرعت سایت افزایش پیدا نموده و مقدار اف سی پی کاهش پیدا کند.
پسوندهای دیگری نیز وجود دارد اما تصاویر webp و svg نسبت به آنها بهینهتر میباشند. پسوندهایی مانند png، gif، jpeg و… حجیمتر هستند و توصیه نمیشوند.
ارتباط بین بارگزاری تنبل با اف سی پی (FCP)
Lazy load (بارگزاری تنبل) به منظور بالا بردن سرعت سایت استفاده میشود. نحوه عملکرد این گزینه اینگونه است که ابتدا قسمت بالای سایت لود میشود و با اسکرول کردن صفحات، سایر قسمتها لود میشوند.
این کار باعث میشود قسمتهایی که هنوز در دید کاربر نیستند و اسکرول نشدهاند، load نشوند و پهنای باند آن برای قسمتهای در دید کاربر صرف شود. در نتیجه میتوان گفت که استفاده از lazy load سبب کاهش FCP میشود.
آموزش بهبود مقدار اف سی پی (Firs Cotentful Paint) سایت وردپرسی و اختصاصی
یکی از خدمات مجموعه دی ام سئو آموزش بهبود مقدار FCP (First Contentful Paint) سایتهای وردپرسی و کدنویسی اختصاصی میباشد.
شما میتوانید با صرف کمترین هزینه، دوره آموزش بهینه سازی سرعت سایت را تهیه نموده و پس از آموزش، سایت خودتان را بهینه کنید. همچنین میتوانید سرعت سایت دوستانتان را نیز بهبود داده و موجب کسب لینکهای برتر serp گوگل توسط آنها باشید.
در دوره آموزش بهینه سازی سرعت سایت چندین سایت وردپرسی و اختصاصی به منظور یادگیری بهتر شما عزیزان، بهینه سازی میشود تا شما عزیزان به خوبی متوجهی مطالب شوید.
افزونههای مورد نیاز برای بهبود FCP سایت:
• Gzip
• WProcket
• Perfmatters
• Webp express
• Wp add custom css
میزان First Contentful Paint بهینه
امروزه بسیاری از بیزنسها در فضای مجازی (شبکههای اجتماعی و وب سایت) انجام میشود و سرعت یکی از مهمترین فاکتورهای انجام کارها و وظایف است.
اگر FCP سایت شما 1 ثانیه باشد گوگل آن را به عنوان یک سایت پر سرعت میشناسد، اگر این مقدار بین 1 تا 3 ثانیه باشد به عنوان یک وب سایت با سرعت متوسط شناخته میشود و اگر این مقدار بیش از 3 ثانیه باشد، گوگل شما را جریمه خواهد کرد.
در نتیجه میتوان به طور کلی میتوان گفت FCP بهینه است که کمتر از 3 ثانیه باشد. توجه داشته باشید این مقدار با توجه به نوع سایت، ساختار، محتوا و… متغیر است.
برای مثال قطعا یک سایت فروشگاهی بزرگ با هزاران محصول، اف سی پی بزرگتری نسبت به یک سایت بلاگی محلی خواهد داشت و این کاملا طبیعی است.
نتیجه :
Firs Cotentful Paint یا همان (FCP) همانند (Largest Contentful Paint) یکی از مهمترین معیار های کوروب وایتال هست که به میزان 10% از رنک امتیازی را به خود اختصاص داده است، همچنین با بهینه سازی کردن این معیار شما به صورت قابل ملاحضه ایی شاهد افزایش سرعت لود وب سایت خود خواهید بود.
در صورت هرگونه سوالی شما میتوانید با ما در ارتباط باشد.ب
دیدگاهتان را بنویسید