Largest Contentful Paint یا LCP مدت زمانی را اندازه میگیرد که بزرگترین محتوای قابل مشاهده صفحه برای رندر شدن نیاز دارد. Google مقدار ۲٫۵ ثانیه یا کمتر را هدف خوبی میداند. تصویر hero سنگین، فونت وب، زمان پاسخ سرور و CSS مسدودکننده رندر از علتهای رایج هستند.
تشخیص
سایت خود را با Genesis اسکن کنید تا صفحه کند و بزرگترین عنصر قابل مشاهدهای که احتمالاً رندر را عقب میاندازد مشخص شود.
رفع با کد
<!-- تصویر اصلی واقعی بالای صفحه را با اولویت مناسب پیشبارگذاری کنید -->
<link rel="preload" as="image" href="/images/hero.webp" fetchpriority="high">
<img src="/images/hero.webp" width="1600" height="900" fetchpriority="high" decoding="async" alt="">
رفع بدون کد
تصویر hero واقعی را فشرده کنید و در صورت پشتیبانی WebP یا AVIF ارائه دهید.
اسلایدر خودکار یا ویدیوی سنگین در اولین بخش صفحه را حذف کنید.
افزونهها، ویجتها و فونتهای غیرضروری را تا بعد از رندر اولیه به تأخیر بیندازید.
Elementor / Shopify / Wix
Elementor: از تصویر hero بهینه و متناسب با اندازه واقعی استفاده کنید و افکتهای حرکتی سنگین بالای صفحه را کاهش دهید.
Shopify: از تنظیمات تصویر قالب که srcset واکنشگرا تولید میکند استفاده کنید و از تصاویر بخش با ابعاد بیش از نیاز خودداری کنید.
Wix: رسانههای بسیار بزرگ اولین صفحه را جایگزین کنید و انیمیشن غیرضروری hero را حذف کنید.
نمونه محلیشده
مثال: یک سایت خدماتی با تصویر بزرگ در بخش اصلی میتواند با WebP سبکتر و اولویت بارگذاری درست، LCP را کاهش دهد.
مدرک قبل و بعد
همان URL و همان نوع دستگاه را دوباره در PageSpeed یا Lighthouse آزمایش کنید. فقط زمانی عدد بهبود را منتشر کنید که واقعاً اندازهگیری شده باشد.
Use a real localized PageSpeed/Search Console screenshot after measurement. Genesis does not fabricate localized screenshots or performance gains.
پرسشهای متداول
آیا این تغییر ممکن است سایت را خراب کند؟
پیشبارگذاری و تعیین ابعاد برای تصویر hero موجود معمولاً کمریسک است، اما مسیر و ابعاد باید با فایل واقعی مطابقت داشته باشد. ابتدا آزمایش کنید و روش بازگشت داشته باشید.
آیا Genesis هنگام اسکن سایت را تغییر میدهد؟
خیر. تشخیص عمومی فقط خواندنی است و وبسایت شما را تغییر نمیدهد.