শুরু করুন LCP element কোনটি এবং এটি কেন দেরিতে তা খুঁজে বের করে। LCP চারটি sub-part-এ ভাগ হয় — সবচেয়ে বড়টি ঠিক করুন।
[ TTFB ] ─▶ [ Resource load delay ] ─▶ [ Resource load time ] ─▶ [ Render delay ]
server when fetch STARTS download the image paint it
Chrome DevTools ও PageSpeed Insights দেখায় কোন অংশটি প্রধান। সাধারণ কারণ: ধীর server (TTFB), LCP image দেরিতে আবিষ্কৃত, বা একটি render-blocking script/CSS paint বিলম্বিত করা।
<link rel="preload" as="image" href="/hero.avif" fetchpriority="high">
<img src="/hero.avif" fetchpriority="high" loading="eager" alt="...">
srcset দিয়ে সঠিক আকার দিন, compress করুন।defer করুন।font-display: swap ব্যবহার করুন এবং font preload করুন।LCP হলো প্রধান loading metric এবং একটি search ranking factor। চারটি sub-part নাম বলতে এবং প্রতিটিকে একটি সুনির্দিষ্ট সমাধানের সাথে map করতে পারা ঠিক সেই structured, evidence-driven পদ্ধতি যা ইন্টারভিউয়াররা খোঁজেন।
বিস্তারিত উত্তরসহ IT ইন্টারভিউ প্রশ্নের একটি লাইব্রেরি — জুনিয়র থেকে সিনিয়র পর্যন্ত।
দান করুন