Skip to content
Get packs

Browser caching audit

Checks and recommends browser cache headers so repeat page visits load faster.

Source Download skill
Repository
thedaviddias/Front-End-Checklist
Stars
74,632
Licence
MIT
Files
2 files

What it does

This skill gives an AI agent a checklist for browser caching, a technique where a website tells a visitor's browser to keep copies of files like images, scripts and styles so they don't need to be downloaded again on the next visit. When installed, the agent looks at slow or heavy pages, checks whether cache headers (Cache-Control, ETags) are set correctly for different file types, and suggests fixes such as long-lived caching for hashed assets and short caching with revalidation for HTML. It asks that bottlenecks be confirmed with tools like DevTools or Lighthouse before changes are recommended.

Great for

  • Web developers reviewing why a site feels slow for returning visitors
  • Front-end teams doing a performance pass before launch
  • Anyone who wants a structured checklist for cache header configuration

Skip it if

  • Non-technical users who just want a faster site without access to server or CDN settings, because the fixes require editing server configuration
  • Sites where caching behaviour is already managed by a platform or CDN the user cannot change, since the advice may not be actionable

Try asking

  • “Audit the cache headers on my site's static assets and tell me what to change”
  • “Why does my homepage feel slow for returning visitors? Check caching.”
  • “Review our Nginx config for Cache-Control settings on images and JS bundles”
  • “Explain how stale-while-revalidate would help our product pages”
Step-by-step guide: how to use Browser caching auditInstall, first run, examples, tips and FAQs

Install in 3 steps

  1. 1

    Download the skill

    The ZIP contains the 2 original files, the MIT licence and an attribution note.

    browser-caching.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

    mkdir -p ~/.claude/skills && unzip browser-caching.zip -d ~/.claude/skills/

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip browser-caching.zip -d .claude/skills/

    Claude apps (web/desktop): Settings → Capabilities → Skills → Upload skill, and choose the ZIP.

  3. 3

    Ask for the task

    No special command needed — the agent reads the skill's description and loads it when your request matches. Try one of the prompts above.

Get better results

  • Give the agent your actual response headers (from DevTools or curl) so it audits real values rather than guessing.
  • Share a Lighthouse or field data report so the agent can confirm caching is the real bottleneck.
  • For detailed framework-specific examples, ask the agent to consult the referenced rule.md content, which is included in the skill folder.

What's inside

  • references/rule.md
  • SKILL.md

Redistributed unmodified from thedaviddias/Front-End-Checklist under the MIT licence. The assessment was drafted with AI from the skill's files on 2026-10-29. Skills can instruct your agent to run code — read SKILL.md and any scripts before installing.