React ऑप्टिमाइज़ करें
यूजर तक पहुंचने वाला कोड और भारी रेंडरिंग घटाएं, और साथ ही रूटिंग, एक्सेसिबिलिटी और यूजर-विशेष डेटा को सही रखें।
सेटिंग बदलने से पहले मापें
साइट का बैकअप लें। कोई ऐसा पेज या API रिक्वेस्ट चुनें जिसे बार-बार दोहराया जा सके। उसके लिए लोड टाइम, सर्वर रिस्पॉन्स टाइम, त्रुटियां, मेमोरी और CPU इस्तेमाल दर्ज करें। लॉगिन करके और बिना लॉगिन, दोनों तरह से टेस्ट करें। प्रोडक्शन से पहले स्टेजिंग पर एक बार में एक ही बदलाव करें।
चरण
- प्रोडक्शन बिल्ड प्रकाशित करें और कुछ प्रतिनिधि पेजों पर नेटवर्क ट्रांसफर, पहला कंटेंट और यूजर इंटरैक्शन मापें।
- कोड को रूट या वैकल्पिक फीचर के हिसाब से बांटें, और लोडिंग बाउंड्री काम की रखें। बड़ी, इस्तेमाल न होने वाली डिपेंडेंसी यूजर तक न भेजें।
- memoization जोड़ने से पहले प्रोफाइलर से भारी रेंडर ढूंढें। स्टेट को उसी जगह के पास रखें जहां वह इस्तेमाल होती है, और बहुत लंबी लिस्ट को वर्चुअलाइज़ करें।
- इमेज और फॉन्ट ऑप्टिमाइज़ करें, लेआउट शिफ्ट रोकें और वर्जन वाले एसेट कैश करें। निजी API रिस्पॉन्स को पब्लिक की तरह कैश न करें।
- पेज की जरूरत के हिसाब से क्लाइंट रेंडरिंग, स्टैटिक जनरेशन या सर्वर-रेंडर्ड फ्रेमवर्क चुनें। सिर्फ सर्वर पर चलने वाले API और सीक्रेट के लिए असली सर्वर रनटाइम चाहिए।
- हर बदलाव के बाद नेविगेशन, रिफ्रेश, फॉर्म, (अगर इस्तेमाल हो तो) हाइड्रेशन और ऑथेंटिकेशन टेस्ट करें। रोलबैक के लिए पिछली चालू रिलीज रखें।
परिणाम जांचें
वही माप दोबारा लें और देखें कि लॉगिन, फॉर्म, अपलोड और चेकआउट अब भी चल रहे हैं। बदलाव तभी रखें जब उससे मापी गई समस्या सुधरे और कोई नई त्रुटि न आए। सिर्फ संबंधित कैश साफ करें और रोलबैक के लिए एक कॉपी अपने पास रखें।
संबंधित गाइड
अंतिम समीक्षा
2026-10-28