Performance কাজ fail করে যখন শুরু হয়:

“শেষে optimize করব।”

শেষে hero image campaign-এর, chat widget sales-এর, animation brand-এর, JavaScript ছয় feature team-এর।

Total page-এর owner কেউ না।

Performance budget page expensive হওয়ার আগে ownership দেয়।

Field data outcome

Core Web Vitals real user visit-এর field metric।

Current “good” threshold:

• LCP 2.5 second বা কম;
• INP 200 millisecond বা কম;
• CLS 0.1 বা কম;

75th percentile-এ।

Lab tool diagnose করে।

Field outcome prove করে না।

Current definition-এর source official Core Web Vitals guide।

এক score না, experience budget

Cause অনুযায়ী budget:

• initial document response;
• primary visual;
• font file/variant;
• route JavaScript;
• hydration scope;
• third-party script;
• long task;
• layout movement;
• interaction feedback;
• below-fold loading।

Exact byte product অনুযায়ী।

Ownership model একই।

LCP-র এক clear candidate

Page জানবে likely largest meaningful content কোনটা।

Hero image হলে:

• correct dimension;
• responsive size;
• display-এর চেয়ে বিশাল file না;
• resource early;
• primary visual lazy-load না;
• late layer দিয়ে cover না।

Heading/text LCP হলে:

• critical font careful;
• invisible text না;
• client-only render না;
• healthy server response।

পাঁচ “priority” image priority system না।

Layout space reserve

CLS আসে:

• dimension ছাড়া image;
• slot ছাড়া embed;
• font swap geometry;
• late banner;
• action push করা validation;
• layout-changing animation।

সম্ভব হলে final geometry reserve।

Dynamic message-এর stable place বা এমন transition, যাতে user interface chase না করে।

JavaScript justify করুক

Client Component, provider, analytics, widget, animation—সব work।

Review:

• initial load-এ দরকার?
• whole library দরকার?
• server content render করতে পারে?
• smaller island?
• consent/intent পর্যন্ত wait?
• main task block?
• এখনো used?

Unused behavior remove করা micro-optimization-এর চেয়ে safe হতে পারে।

Interaction latency protect

INP problem-ও ownership problem।

Click-এ:

• validation;
• state update;
• filtering;
• layout;
• analytics;
• animation;
• network;
• rerender।

Immediate feedback cheap রাখি, non-urgent work critical interaction থেকে সরাই।

Long list bounded rendering।

Heavy calculation worker, server বা different interaction।

Third party-এর business owner

Third-party script free না।

Document:

• purpose;
• owner;
• page;
• timing;
• consent;
• cost;
• failure;
• removal condition।

কেন script আছে কেউ বলতে না পারলে permanent budget পাবে না।

Acceptance-এ performance

Feature check:

• image dimension/responsive source;
• unexpected shift নেই;
• keyboard responsive;
• bounded loading/error;
• reduced motion;
• route JavaScript change বোঝা;
• release-এর পরে critical path measure।

শেষের authority-বিহীন “performance ticket”-এর চেয়ে ভালো।

Budget change-এ tradeoff

কখনো heavy asset worth it।

Demo video understanding বাড়ায়। Payment provider essential। Accessibility code লাগে।

Budget ban না।

Tradeoff visible:

• value;
• cost;
• কী remove করা যায়;
• outcome measure।

Release rule

Code inspection থেকে performance win claim করি না।

Report:

• static risk;
• authorized lab check;
• available field data;
• device/route;
• unknown।

Honesty-ও performance engineering।

JavaScript ownership-এর জন্য Next.js boundary। Search launch-এর জন্য technical SEO checklist।

Page এক feature করে slow হলে route, primary task আর newest heavy dependency পাঠান।