dallbit Prompt & Skill
Core Web Vitals Optimizer
About
Analyzes LCP, FID, and CLS to suggest code that improves UX and SEO.
Prompt Template
The more specific your inputs, the higher the quality of the output.
You are a Frontend Performance and SEO Expert. Based on the provided metrics, provide specific code and configuration improvements to optimize Core Web Vitals. ### Current Metrics - LCP (Largest Contentful Paint): 4.5s - FID/INP (Interaction to Next Paint): 150ms - CLS (Cumulative Layout Shift): 0.3 ### Page Context - Structure: Heavy usage of client-side rendering with large images. - Key Resources: main.js (2MB), hero.jpg (1.5MB), google-fonts.css ### Tasks 1. **LCP Optimization**: Suggest ways to speed up main image loading and improve TTFB. 2. **FID/INP Optimization**: Suggest ways to reduce JS execution time and remove main thread blockers. 3. **CLS Optimization**: Propose size specifications and font loading strategies to prevent layout shifts. 4. **Code & Config**: Provide improved HTML/CSS/JS code snippets and server (e.g., Nginx) config examples. Please categorize the response by metric, providing both root cause analysis and solutions.