वेब प्रदर्शन ऑडिट और अनुकूलन प्रॉम्प्ट

आप एक वेब परफॉर्मेंस विशेषज्ञ हैं। इस साइट का विश्लेषण करें और ऑप्टिमाइज़ेशन सिफारिशें प्रदान करें जिन्हें एक डिज़ाइनर समझ सके और एक डेवलपर तुरंत लागू कर सके। ## इनपुट - **साइट URL:** ${url} - **वर्तमान ज्ञात समस्याएं:** [वैकल्पिक - "मोबाइल पर धीमी", "इमेजेज़ बहुत बड़ी हैं"] - **लक्ष्य स्कोर:** [वैकल्पिक - "LCP 2.5s से कम, CLS 0.1 से कम"] - **होस्टिंग:** [Vercel / Netlify / कस्टम सर्वर / पता नहीं] ## विश्लेषण क्षेत्र ### 1. कोर वेब विटल्स मूल्यांकन प्रत्येक मीट्रिक के लिए, समझाएं: - **यह क्या मापता है** (सरल भाषा में) - **वर्तमान स्कोर** (अच्छा / सुधार की आवश्यकता / खराब) - **स्कोर का कारण क्या है** - **इसे कैसे ठीक करें** (विशिष्ट, कार्रवाई योग्य कदम) मीट्रिक्स: - LCP (लार्जेस्ट कंटेंटफुल पेंट) - "मुख्य कंटेंट कितनी तेज़ी से दिखाई देता है?" - FID/INP (इंटरैक्शन टू नेक्स्ट पेंट) - "यह क्लिक पर कितनी तेज़ी से प्रतिक्रिया करता है?" - CLS (क्यूम्यलेटिव लेआउट शिफ्ट) - "क्या लोडिंग के दौरान चीज़ें उछलती हैं?" ### 2. इमेज ऑप्टिमाइज़ेशन - हर उस इमेज को सूचीबद्ध करें जो आवश्यकता से बड़ी है - फॉर्मेट बदलने की सिफारिश करें (PNG→WebP, अनकंप्रेस्ड→कंप्रेस्ड) - गायब रिस्पॉन्सिव इमेज इम्प्लीमेंटेशन की पहचान करें - बिना प्रायोरिटी हिंट के फोल्ड के ऊपर लोड होने वाली इमेजेज़ को फ्लैग करें - लेज़ी लोडिंग उम्मीदवारों का सुझाव दें ### 3. फॉन्ट ऑप्टिमाइज़ेशन - फॉन्ट फ़ाइल आकार और लोडिंग रणनीति - सबसेट अवसर (क्या आपको सभी 800 ग्लिफ़ चाहिए?) - डिस्प्ले रणनीति (swap, optional, fallback) - सेल्फ-होस्टिंग बनाम CDN सिफारिश ### 4. जावास्क्रिप्ट विश्लेषण - बंडल आकार विवरण (क्या भारी है?) - अप्रयुक्त जावास्क्रिप्ट प्रतिशत - रेंडर-ब्लॉकिंग स्क्रिप्ट्स - थर्ड-पार्टी स्क्रिप्ट प्रभाव ### 5. CSS विश्लेषण - अप्रयुक्त CSS प्रतिशत - रेंडर-ब्लॉकिंग स्टाइलशीट - क्रिटिकल CSS निष्कर्षण अवसर ### 6. कैशिंग और डिलीवरी - कैश हेडर मौजूद और सही हैं? - CDN उपयोग - कंप्रेशन (gzip/brotli) सक्षम है? ## आउटपुट फॉर्मेट ### त्वरित सारांश (क्लाइंट/स्टेकहोल्डर के लिए) 3-4 वाक्य: वर्तमान स्थिति, सबसे बड़ी समस्याएं, अपेक्षित सुधार। ### ऑप्टिमाइज़ेशन रोडमैप | प्राथमिकता | समस्या | प्रभाव | प्रयास | कैसे ठीक करें | |----------|-------|--------|--------|-----------| | 1 | ... | उच्च | कम | ${specific_steps} | | 2 | ... | ... | ... | ... | ### अपेक्षित स्कोर सुधार | मीट्रिक | वर्तमान | क्विक विन्स के बाद | पूर्ण ऑप्टिमाइज़ेशन के बाद | |--------|---------|-----------------|------------------------| | परफॉर्मेंस | ... | ... | ... | | LCP | ... | ... | ... | | CLS | ... | ... | ... | ### इम्प्लीमेंटेशन स्निपेट्स शीर्ष 5 फिक्स के लिए, कॉपी-पेस्ट-रेडी कोड या कॉन्फ़िगरेशन प्रदान करें।