Vue ऑप्टिमाइज़ करें
प्रोडक्शन बिल्ड और उन पेजों को ऑप्टिमाइज़ करें जो विज़िटर असल में लोड करते हैं। डेवलपमेंट सर्वर के नतीजे प्रोडक्शन परफॉर्मेंस नहीं बताते।
सेटिंग बदलने से पहले मापें
साइट का बैकअप लें। कोई ऐसा पेज या API रिक्वेस्ट चुनें जिसे बार-बार दोहराया जा सके। उसके लिए लोड टाइम, सर्वर रिस्पॉन्स टाइम, त्रुटियां, मेमोरी और CPU इस्तेमाल दर्ज करें। लॉगिन करके और बिना लॉगिन, दोनों तरह से टेस्ट करें। प्रोडक्शन से पहले स्टेजिंग पर एक बार में एक ही बदलाव करें।
चरण
- प्रोडक्शन बिल्ड डिप्लॉय करें और ब्राउज़र टूल से ट्रांसफर हुए JavaScript, इमेज और फॉन्ट देखें।
- बड़े रूट को डायनामिक इंपोर्ट से अलग-अलग हिस्सों में बांटें। वैकल्पिक फीचर तभी लोड करें जब जरूरत हो, और एक हेल्पर के लिए पूरी लाइब्रेरी इंपोर्ट करने से बचें।
- जहां काम आए, वहां props स्थिर रखें, भारी रिएक्टिव काम प्रोफाइल करें, और हजारों रो रेंडर करने की जगह लंबी लिस्ट को वर्चुअलाइज़ करें।
- इमेज का साइज सही रखें और लेआउट शिफ्ट से बचें। वर्जन वाले स्टैटिक एसेट को ज्यादा समय के लिए कैश करें, लेकिन एंट्री HTML जल्दी अपडेट होने दें।
- अगर सर्च में दिखना या पहला कंटेंट समस्या है, तो स्टैटिक जनरेशन या सर्वर रेंडरिंग पर विचार करें। सर्वर-रेंडर्ड मोड के लिए Node.js रनटाइम चाहिए हो सकता है।
- ऑप्टिमाइज़ेशन के बाद हर रूट पर सीधी विज़िट और रिफ्रेश, कीबोर्ड एक्सेस, धीमा कनेक्शन और कम पावर वाला फोन टेस्ट करें।
परिणाम जांचें
वही माप दोबारा लें और देखें कि लॉगिन, फॉर्म, अपलोड और चेकआउट अब भी चल रहे हैं। बदलाव तभी रखें जब उससे मापी गई समस्या सुधरे और कोई नई त्रुटि न आए। सिर्फ संबंधित कैश साफ करें और रोलबैक के लिए एक कॉपी अपने पास रखें।
संबंधित गाइड
अंतिम समीक्षा
2026-10-28