Connor Clark
تاریخ انتشار: 8 اکتبر 2025
Largest Contentful Paint (LCP) زمان رندر بزرگترین تصویر، بلوک متن یا ویدیوی قابل مشاهده در ویوپورت را نسبت به زمانی که کاربر برای اولین بار به صفحه پیمایش کرده است، گزارش می دهد. هنگام بهینه سازی LCP ، تقسیم آن به بخش های فرعی مفید است. هر بخش LCP استراتژی های بهبود خاصی دارد. در حالت ایده آل، بیشتر زمان LCP باید صرف بارگیری منابع شود، نه با تاخیر.
زیربخش ها عبارتند از:
| بخش فرعی LCP | توضیح |
|---|---|
| زمان تا اولین بایت (TTFB) | زمان از زمانی که کاربر بارگیری صفحه را آغاز می کند تا زمانی که مرورگر اولین بایت پاسخ سند HTML را دریافت کند. |
| تأخیر بارگذاری منابع | زمان بین TTFB و زمانی که مرورگر شروع به بارگیری منبع LCP می کند. اگر عنصر LCP برای رندر به بار منبع نیاز نداشته باشد (به عنوان مثال، اگر عنصر یک گره متنی است که با فونت سیستم رندر شده است)، این زمان 0 است. |
| مدت زمان بارگذاری منابع | مدت زمانی که طول می کشد تا خود منبع LCP بارگیری شود. اگر عنصر LCP برای ارائه به بار منبع نیاز نداشته باشد، این زمان 0 است. |
| تأخیر رندر عنصر | زمان بین پایان بارگذاری منبع LCP و رندر کامل عنصر LCP. |
چگونه می توان از این بینش عبور کرد
این بینش همیشه برای اهداف اطلاعاتی نشان داده می شود (اگر LCP اندازه گیری شده باشد).
LCP 2.5 ثانیه یا بهتر را هدف قرار دهید و زمان هر فاز را تا حد امکان کاهش دهید، مخصوصاً فازهای تاخیر. برای استراتژی های خاص به بهینه سازی بزرگترین رنگ محتوایی مراجعه کنید.