ابدأ بإيجاد ما هو عنصر LCP ولماذا يتأخر. تنقسم LCP إلى أربعة أجزاء فرعية — أصلح الأكبر منها.
[ TTFB ] ─▶ [ Resource load delay ] ─▶ [ Resource load time ] ─▶ [ Render delay ]
server when fetch STARTS download the image paint it
تُظهر Chrome DevTools و PageSpeed Insights أي شريحة تهيمن. والمذنبون الشائعون: خادم بطيء (TTFB)، أو اكتشاف صورة LCP متأخرًا، أو نص/CSS حاجب للعرض يؤخّر الرسم.
<link rel="preload" as="image" href="/hero.avif" fetchpriority="high">
<img src="/hero.avif" fetchpriority="high" loading="eager" alt="...">
srcset، واضغطها.defer للنصوص.font-display: swap وpreload للخط.LCP هي مقياس التحميل الرئيسي وعامل في ترتيب البحث. والقدرة على تسمية الأجزاء الأربعة الفرعية وربط كلٍّ منها بإصلاح ملموس هي بالضبط النهج المُهيكل القائم على الأدلة الذي يبحث عنه القائمون على المقابلات.
مكتبة من أسئلة مقابلات تقنية المعلومات مع إجابات مفصّلة — من المبتدئ إلى المتقدم.
تبرع