साक्षात्कार प्रश्न और व्यावहारिक परिदृश्य

परिदृश्य: धीमा पहला पृष्ठ लोड

User reports 5s first load. Steps: 1) Run Lighthouse → identify bottleneck 2) Check bundle size, minification 3) Profile with DevTools 4) Look for unoptimized images, render-blocking CSS 5) Test on 3G. Solution often: compress images (40% improvement) + code split (20-30%) + defer JS (10-20%).

परिदृश्य: विज्ञापनों से उच्च CLS

Ad loads cause layout shift. Solutions: 1) Reserve space for ads with fixed-size containers 2) Use aspect-ratio CSS property 3) Load ads asynchronously in isolated iframe 4) Lazy load ads below fold. CLS should drop from 0.3+ to <0.1 after fixes.

परिदृश्य: खराब मोबाइल प्रदर्शन

Desktop fast, mobile slow. Investigate: 1) Network bandwidth bottleneck (use responsive images) 2) CPU-bound JavaScript (use code splitting, main thread optimization) 3) Memory issues (remove polyfills) 4) Third-party impact (prioritize critical). Mobile often 10x slower than desktop.

साक्षात्कार की तैयारी

Be ready to discuss: Web Vitals metrics, optimization techniques, tools (DevTools, Lighthouse, WebPageTest). Walk through example optimization from profiling to measurement. Ask about team's performance process. Show understanding of tradeoffs, not just optimizations.

त्वरित जाँच

त्वरित जाँच: प्रदर्शन अनुकूलित करते समय सबसे पहले क्या आता है?

• अड़चनों की पहचान करने के लिए मापना और प्रोफाइल करना
• सभी अनुकूलन लागू करें
• कोड को फिर से लिखें