कोडिंग
लाइटहाउस और प्रदर्शन अनुकूलन
Lighthouse & Performance Optimization
- इनके साथ परीक्षित:
- GPT-4o
- प्रभावशीलता:
- 85/100
- प्रॉम्प्ट आर्काइव
हिन्दी संस्करण
You are a web performance specialist. Analyze this site and provide
optimization recommendations that a designer can understand and a
developer can implement immediately.
## Input
- **Site URL:** ${url}
- **Current known issues:** [optional — "slow on mobile", "images are huge"]
- **Target scores:** [optional — "LCP under 2.5s, CLS under 0.1"]
- **Hosting:** [Vercel / Netlify / custom server / don't know]
## Analysis Areas
### 1. Core Web Vitals Assessment
For each metric, explain:
- **What it measures** (in plain language)
- **Current score** (good / needs improvement / poor)
- **What's causing the score**
- **How to fix it** (specific, actionable steps)
Metrics:
- LCP (Largest Contentful Paint) — "how fast does the main content appear?"
- FID/INP (Interaction to Next Paint) — "how fast does it respond to clicks?"
- CLS (Cumulative Layout Shift) — "does stuff jump around while loading?"
### 2. Image Optimization
- List every image that's larger than necessary
- Recommend format changes (PNG→WebP, uncompressed→compressed)
- Identify missing responsive image implementations
- Flag images loading above the fold without priority hints
- Suggest lazy loading candidates
### 3. Font Optimization
- Font file sizes and loading strategy
- Subset opportunities (do you need all 800 glyphs?)
- Display strategy (swap, optional, fallback)
- Self-hosting vs CDN recommendation
### 4. JavaScript Analysis
- Bundle size breakdown (what's heavy?)
- Unused JavaScript percentage
- Render-blocking scripts
- Third-party script impact
### 5. CSS Analysis
- Unused CSS percentage
- Render-blocking stylesheets
- Critical CSS extraction opportunity
### 6. Caching & Delivery
- Cache headers present and correct?
- CDN utilization
- Compression (gzip/brotli) enabled?
## Output Format
### Quick Summary (for the client/stakeholder)
3-4 sentences: current state, biggest issues, expected improvement.
### Optimization Roadmap
| Priority | Issue | Impact | Effort | How to Fix |
|----------|-------|--------|--------|-----------|
| 1 | ... | High | Low | ${specific_steps} |
| 2 | ... | ... | ... | ... |
### Expected Score Improvement
| Metric | Current | After Quick Wins | After Full Optimization |
|--------|---------|-----------------|------------------------|
| Performance | ... | ... | ... |
| LCP | ... | ... | ... |
| CLS | ... | ... | ... |
### Implementation Snippets
For the top 5 fixes, provide copy-paste-ready code or configuration.भरें और चलाएँ
इस प्रॉम्प्ट में 4 स्थान भरने हैं। भरते ही हम पूरा प्रॉम्प्ट तैयार कर देंगे।
4 शेष
तैयार प्रॉम्प्ट
You are a web performance specialist. Analyze this site and provide
optimization recommendations that a designer can understand and a
developer can implement immediately.
## Input
- **Site URL:** ${url}
- **Current known issues:** [optional — "slow on mobile", "images are huge"]
- **Target scores:** [optional — "LCP under 2.5s, CLS under 0.1"]
- **Hosting:** [Vercel / Netlify / custom server / don't know]
## Analysis Areas
### 1. Core Web Vitals Assessment
For each metric, explain:
- **What it measures** (in plain language)
- **Current score** (good / needs improvement / poor)
- **What's causing the score**
- **How to fix it** (specific, actionable steps)
Metrics:
- LCP (Largest Contentful Paint) — "how fast does the main content appear?"
- FID/INP (Interaction to Next Paint) — "how fast does it respond to clicks?"
- CLS (Cumulative Layout Shift) — "does stuff jump around while loading?"
### 2. Image Optimization
- List every image that's larger than necessary
- Recommend format changes (PNG→WebP, uncompressed→compressed)
- Identify missing responsive image implementations
- Flag images loading above the fold without priority hints
- Suggest lazy loading candidates
### 3. Font Optimization
- Font file sizes and loading strategy
- Subset opportunities (do you need all 800 glyphs?)
- Display strategy (swap, optional, fallback)
- Self-hosting vs CDN recommendation
### 4. JavaScript Analysis
- Bundle size breakdown (what's heavy?)
- Unused JavaScript percentage
- Render-blocking scripts
- Third-party script impact
### 5. CSS Analysis
- Unused CSS percentage
- Render-blocking stylesheets
- Critical CSS extraction opportunity
### 6. Caching & Delivery
- Cache headers present and correct?
- CDN utilization
- Compression (gzip/brotli) enabled?
## Output Format
### Quick Summary (for the client/stakeholder)
3-4 sentences: current state, biggest issues, expected improvement.
### Optimization Roadmap
| Priority | Issue | Impact | Effort | How to Fix |
|----------|-------|--------|--------|-----------|
| 1 | ... | High | Low | ${specific_steps} |
| 2 | ... | ... | ... | ... |
### Expected Score Improvement
| Metric | Current | After Quick Wins | After Full Optimization |
|--------|---------|-----------------|------------------------|
| Performance | ... | ... | ... |
| LCP | ... | ... | ... |
| CLS | ... | ... | ... |
### Implementation Snippets
For the top 5 fixes, provide copy-paste-ready code or configuration.- ChatGPT में खोलें (नए टैब में खुलता है)
- Claude में खोलें (नए टैब में खुलता है)
- Gemini में खोलें (नए टैब में खुलता है)
Gemini लिंक से प्रॉम्प्ट नहीं ले सकता, पहले कॉपी करें।
- Perplexity में खोलें (नए टैब में खुलता है)
नए टैब में खुलेगा और प्रॉम्प्ट पहले से भरा होगा। आपको साइन इन करना पड़ सकता है।
इस प्रॉम्प्ट का उपयोग कैसे करें
- भेजने से पहले वर्ग कोष्ठक में लिखी हर चीज़ को अपनी जानकारी से बदलें।
- परिणाम मॉडल के अनुसार बदलते हैं। यदि उत्तर सही न लगे, दूसरा मॉडल आज़माएँ या एक ठोस उदाहरण जोड़ें।
- प्रॉम्प्ट को एक ही संदेश में भेजें। कई हिस्सों में बाँटने से निर्देश कमज़ोर पड़ते हैं।