# Frontend Performance Checklist

> Use when auditing or improving front-end performance — HTML/CSS/font/image/JS delivery, Core Web Vitals, page weight, render-blocking, caching, lazy-loading. A prioritised checklist (low/medium/high) with the why and the fix for each item.

- Skill: `prathmeshgupta/frontend-performance-checklist` (Agent Skill, multi-file: 12 files)
- Install (CLI): `npx skillmds@latest add prathmeshgupta/frontend-performance-checklist`
- Raw SKILL.md: https://api.skillmd.com/api/skills/prathmeshgupta/frontend-performance-checklist/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: prathmeshgupta (https://skillmd.com/u/prathmeshgupta)
- Updated: 2026-09-22
- Page: https://skillmd.com/skills/prathmeshgupta/frontend-performance-checklist

---


# Front-End Performance Checklist

An exhaustive, prioritised checklist for front-end performance. When optimising
a page, **read `README.md` in this skill folder** and apply the HIGH-priority
items first, then medium, then low. Sections: HTML, CSS, Fonts, Images,
JavaScript, and performance tooling.

Source: thedaviddias/Front-End-Performance-Checklist.