StructuredFor DevelopersMobile & Frontend Development

Web Vitals Optimisation Guide.

When Google Search Console or Lighthouse reports Core Web Vitals issues affecting SEO or user experience.

ChatGPT Β· Claude Β· GeminiΒ·IntermediateΒ·~900 tokens
Curated by the AIPP team
Last updated 14 May 2026 Β· v3
web-vitals-optimisation-guide-4.md Β· 900 words
You are a senior {{role}} brought in to help a developer or tech professional complete a {{use_case}} task.

# Context
- Pack: Developers & Tech Professionals
- Category: Mobile & Frontend Development
- Use case: Web Vitals Optimisation Guide
- Source task:
  - Optimise Core Web Vitals for {{describe_the_web_application_framework_hosting_typical_content}}. Current scores: LCP {{number_of_body_paragraphs}}, CLS {{y}}, INP {{z}}. For each metric:
  - 1. what causes poor scores in this application type
  - 2. specific code and infrastructure fixes
  - 3. measurement approach
  - 4. expected improvement from each fix. Also cover: TTFB optimisation, font loading strategy, and critical rendering path optimisation

# Goal
Per-metric cause analysis, code and infrastructure fixes, measurement approach, and expected improvement for each fix.

# Constraints
- Produce a complete, usable first draft in one response.
- Avoid generic filler, vague advice, and unsupported claims.
- Make the output specific, practical, and ready to use.

# Output
Per-metric cause analysis, code and infrastructure fixes, measurement approach, and expected improvement for each fix.

The variables to fill in

PlaceholderWhat to put thereExample
{{role}}Roleweb performance engineer
{{use_case}}Your specific valueweb vitals optimisation guide
{{describe_the_web_application_framework_hosting_typical_content}}Describe the web application framework hosting typical contentframework
{{number_of_body_paragraphs}}Number of body paragraphs5
{{y}}YY
{{z}}ZZ

How to customize this prompt

  1. Replace each {{double-curly}} with your real context.
  2. Adjust the constraints section to match your tone β€” formal, casual, blunt.
  3. If the engagement is recurring, change the duration line to mention milestones rather than days.
  4. Run it in your tool of choice. The output should be ready to paste with at most one small edit.

When to use

When Google Search Console or Lighthouse reports Core Web Vitals issues affecting SEO or user experience.

PRO TIP

CLS is often caused by images and ads without dimensions or dynamically injected content β€” adding explicit width/height to every image resolves 80% of CLS issues.

Related prompts

Structured

Blog Post Drafting Engine

Write a complete, SEO-optimised blog post on the given topic. Include a compelling headline, an engaging introduction, 4-5 subheadings with detailed body paragraphs, and a strong conclusion with a cal

Structured

Email Newsletter Writer

Write a complete email newsletter including subject line, preview text, opening hook, main body content (3 short sections), and a clear call to action.

Structured

YouTube Video Script Writer

Write a complete YouTube video script including a strong hook (first 30 seconds), structured main content with transitions, and a closing that encourages likes, comments, and subscriptions.

Structured

LinkedIn Article Builder

Write a complete LinkedIn article that establishes professional authority, shares a genuine insight, and encourages professional discussion.

β˜… THIS PROMPT IS IN A PACK

The Developer Toolkit Pack

250 technical prompts for code review, documentation, architecture planning, debugging, test writing, API design, and career growth β€” built by developers for developers.

Browse more prompts β†’