Complete AI Training
Sign inGet my AI kit

Your job's AI kit

Get your AI kit

Tell us who you are and what you do. We show you your kit right away and email you the link: skills, prompts, AI agents, MCP servers and courses for your job.

500+ jobs ready, and we make a kit for any other job. No payment needed to look.

Share

AI agent for website developers

Core Web Vitals Improvement Agent

Raise the key pages above the target scores with measured, verified fixes.

CodingAutomationCreativesIT and development
See how it worksGet access
Core Web Vitals Improvement Agent: what goes in, what the agent does and what you get

What it does

The site feels slow, so someone compresses a few images and nobody checks whether it helped. This agent measures your key pages for largest paint, layout shift and responsiveness, on mobile and desktop, several times to get a stable number. It identifies the biggest causes, such as oversized images, blocking scripts, fonts or third-party tags. It applies one fix at a time in a separate branch, then measures again. A fix stays only if the number improves and nothing else gets worse. Otherwise it reverts that fix and tries the next cause. It records every change with its before and after values. The developer approves merging. Edge case: a script that speeds up the page also breaks the cookie banner, so the agent reverts it.

How it works

Follow the arrows from top to bottom. The orange dashed arrow is the loop: when a check fails, the agent goes back and tries again.

Start and resultWhat it doesA check on its own workWaits for your OKGoes back and retries
Yes, continueYes, continueApprovedNoNo 1 STARTS WHEN Monthly check or score drops 2 USES A TOOL Measure each key page several times on mobile anddesktop 3 DOES Rank the causes by the time they add 4 DOES Create a branch and apply the top fix 5 USES A TOOL Measure the changed pages again 6 CHECKS THE RESULT Did the target metric improve without harmingothers? If not: revert this fix and apply the next ranked cause.Back to step 4. 7 USES A TOOL Run the form, menu and cookie banner tests 8 CHECKS THE RESULT Does the page still work as before? If not: revert the fix and try a safer alternative. Backto step 4. 9 DOES Record every kept fix with before and after numbers 10 YOU APPROVE Developer approves the merge 11 RESULT Improvement report
Read the steps as a list
  1. Monthly check or score drops
  2. Measure each key page several times on mobile and desktop
  3. Rank the causes by the time they add
  4. Create a branch and apply the top fix
  5. Measure the changed pages again
  6. Did the target metric improve without harming others?If not: revert this fix and apply the next ranked cause. Back to step 4.
  7. Run the form, menu and cookie banner tests
  8. Does the page still work as before?If not: revert the fix and try a safer alternative. Back to step 4.
  9. Record every kept fix with before and after numbers
  10. Developer approves the mergeThe agent waits here for your OK.
  11. Improvement report

How it decides

It ranks causes by how much time they add. A fix stays if the target metric improves by at least 5% and no other metric gets worse by more than 3%.

  • Take the median of five runs as the page score
  • Keep a fix only if it improves the target metric by 5% or more
  • Revert any fix that worsens another metric by more than 3%
  • Test the biggest images and scripts before small ones

Make it yours

Every agent is a starting point. You choose these settings for your own situation.

  • Pages and devices to measure
  • Target scores (default 2.5 seconds largest paint)
  • Number of measurement runs (default 5)
  • Minimum improvement to keep a fix
  • Tests that must pass

What keeps you in control

It always asks you first

  • Developer approves merging to the main branch

Hard limits

  • Never change the live site directly
  • Never keep a fix without a new measurement

It stops when

  • Done: targets are met or all ranked causes are tried
  • Stop: the remaining cause is a third-party script the team cannot change

Set it up

We guide you through the set-up, step by step

Members get the full set-up guide for this agent. No technical skills needed: you copy, paste and upload.

10 minto set it up in your AI
5 AIsChatGPT, Claude, Copilot, Gemini, Grok
  • One set of instructions to paste into your AI, with the clicks for ChatGPT, Claude, Microsoft 365 Copilot, Gemini and Grok
  • The agent then walks you through connecting your own data, one source at a time
  • A downloadable copy with the flow chart, the rules and the full guide
Get access to this agent

An example run

What happensA product page has a largest paint of 4.1 seconds against a 2.5 target. The agent finds a 1.8 MB hero image and a blocking chat script. Resizing and lazy loading the image brings the page to 3.2 seconds, which is kept. Delaying the chat script gives 2.7 seconds but breaks the cookie banner, so the agent reverts it and tries loading it after interaction. The result is 2.4, and the developer approves the merge.

More agents for website developers

Quality control · IT and development

Localization Resource Integrity Agent

Every localized string keeps its placeholders and renders correctly.

8 steps2 checks4 jobs
Decisions · Creatives

Content Inventory and Gap Audit Agent

Produce an inventory with a keep, update, merge or remove decision and an owner for every page, with no broken links after the plan.

11 steps2 checks3 jobs
Monitoring · Creatives

Competitor Feature Tracking Agent

Keep a verified competitor comparison table that shows what changed and when.

10 steps2 checks4 jobs
Analysis · Decisions

Analytics Funnel Hypothesis Agent

Find the cause of the biggest funnel drop through a series of tested hypotheses.

10 steps2 checks7 jobs