Critical rendering path হলো ধাপগুলোর ক্রম যা browser HTML, CSS, ও JS-কে স্ক্রিনে pixel-এ রূপান্তর করতে চালায়। যা কিছু প্রথম paint-এর আগে শেষ হতে হবে তা-ই render-blocking।
Critical rendering path হলো ধাপগুলোর ক্রম যা browser HTML, CSS, ও JS-কে স্ক্রিনে pixel-এ রূপান্তর করতে চালায়। যা কিছু প্রথম paint-এর আগে শেষ হতে হবে তা-ই render-blocking।
<script> download ও run হওয়ার সময় HTML parsing থামিয়ে দেয়।<!-- Blocks parsing: browser waits here before continuing -->
<script src="/app.js"></script>
<!-- defer: download in parallel, run after HTML is parsed, in order -->
<script src="/app.js" defer></script>
<!-- async: download in parallel, run as soon as ready (order not guaranteed) -->
<script src="/analytics.js" async></script>
DOM স্পর্শ করা app code-এর জন্য defer ব্যবহার করুন, এবং analytics-এর মতো স্বাধীন script-এর জন্য async। critical CSS inline করুন এবং বাকিটা block না করে load করুন।
এটি প্রায় প্রতিটি load-time সংশোধনের পেছনের mental model: render-blocking CSS/JS হলো ধীর first paint ও খারাপ LCP-এর প্রধান কারণ। defer/async কেন আছে জানা দেখায় আপনি কেবল syntax নয়, browser বোঝেন।
বিস্তারিত উত্তরসহ IT ইন্টারভিউ প্রশ্নের একটি লাইব্রেরি — জুনিয়র থেকে সিনিয়র পর্যন্ত।
দান করুন