पाठ 22 / 25
उन्नत प्रदर्शन तकनीकें
चरम प्रदर्शन अनुकूलन के लिए उन्नत पैटर्न का अन्वेषण करें।
प्रदर्शन-महत्वपूर्ण कोड के लिए WebAssembly
C++, Rust को WebAssembly में compile करने पर compute-heavy कामों (image processing, 3D) में 10-50x speedup मिल सकता है। एक बार compile करें, सब browsers में चलाएँ। Math, physics, data processing के लिए आदर्श। आम WASM module: 30-100KB gzipped।
सर्वर-साइड रेंडरिंग
SSR: server पर render करके HTML+data भेजना; client-side से तेज़ FCP। SSG: build time पर pre-render करके static HTML serve करना; content sites के लिए सबसे अच्छा। ISR (Incremental Static Regeneration) पूरा rebuild किए बिना static pages को on-demand update करता है।
अनुकूलन तकनीकों का चयन
पहले profile करें, फिर optimize। हर optimization हर site के लिए फ़ायदेमंद नहीं होती। SSR FCP सुधारता है पर TTI बिगाड़ सकता है। WASM computation में मदद करता है, layout में नहीं। फ़ैसला measurements पर लें, अनुमान पर नहीं।
त्वरित जाँच
त्वरित जाँच: WebAssembly कोड को अनुकूलित करने में क्या मदद करता है?
- सभी JavaScript कोड
- लेआउट रेंडरिंग
- 10-50x तेजी के लिए कंप्यूट-भारी कार्य
- केवल DOM updates
Answer
10-50x तेजी के लिए कंप्यूट-भारी कार्य — WebAssembly image processing जैसे CPU-heavy काम के लिए सही है, layout या DOM के लिए नहीं।