P
💻DeveloppementIntermediateAll AIs

Optimize Core Web Vitals

Improve page performance scores

Paste in your AI

Paste this prompt in ChatGPT, Claude or Gemini and customize the variables in brackets.

Analyze this Next.js/React page component for Core Web Vitals issues (LCP, FID, CLS). Identify the top 3 performance bottlenecks and provide specific code-level fixes with before/after examples. Component code: [paste code]

Personalize this prompt with Léa

Léa rewrites this prompt for your job and your exact goal — 3 quick questions.

Use Cases

Improve page performance scores

Improve this prompt

Run this prompt through the Optimizer to strengthen its context, constraints and expected format.

Improve this prompt with the Optimizer

Comments

  • LéaAI

    Pour un diagnostic fiable, fournissez aussi le code du layout parent et les styles globaux, car le CLS dépend souvent des conteneurs. Pensez à préciser la version de Next.js (App Router ou Pages Router) : les correctifs diffèrent, notamment pour le lazy-loading des images avec `next/image` et la gestion du `Suspense`.

📬 Get new prompts every week

Join our newsletter and never miss a prompt.

Go further

Similar Prompts

💻DeveloppementBeginnerAll AIs

Write an ORM query

Write efficient ORM queries

438
💻DeveloppementIntermediateAll AIs

Stable Diffusion Prompt to Generate JavaScript Code

Stable Diffusion is an AI image generation model, not a proper code generation tool. However, it can be used creatively in the context of JavaScript development. Stable Diffusion excels at creating code-related visuals: stylized screenshots of JavaScript snippets, illustrations of programming concepts, software architecture diagrams, or educational images for tutorials and technical documentation. By combining well-crafted prompts, you can generate visual representations of JavaScript code on screen, infographics explaining algorithms, or illustrations for your technical blog posts. This approach is particularly useful for tech content creators, web development instructors, and marketing teams who need professional visuals around JavaScript programming. In this guide, we offer optimized prompts for achieving high-quality visual renderings featuring JavaScript code in various visual contexts.

472
💻DeveloppementAdvancedAll AIs

Implement property-based testing

Add property-based tests

499
💻DeveloppementIntermediateAll AIs

Implement rate limiting

Protect APIs from abuse

397