LCP element என்ன மற்றும் அது ஏன் தாமதமாகிறது என்பதைக் கண்டுபிடிப்பதன் மூலம் தொடங்குங்கள். LCP நான்கு sub-part-களாகப் பிரிகிறது — மிகப்பெரியதைச் சரிசெய்யுங்கள்.
Diagnose: நான்கு LCP sub-part-கள்
text
[ TTFB ] ─▶ [ Resource load delay ] ─▶ [ Resource load time ] ─▶ [ Render delay ]
server when fetch STARTS download the image paint it
Chrome DevTools மற்றும் PageSpeed Insights எந்த slice ஆதிக்கம் செலுத்துகிறது என்பதைக் காட்டுகின்றன. பொதுவான குற்றவாளிகள்: மெதுவான server (TTFB), தாமதமாகக் கண்டறியப்பட்ட LCP image, அல்லது paint-ஐ தாமதப்படுத்தும் render-blocking script/CSS.