Scroll-progress stopwatch inspired by Ryan Mulligan’s scroll-driven animation experiment and adapted for this WordPress resource template.
Checklists
Front-End Performance Review Checklist
A front-end checklist for reducing avoidable weight from images, scripts, fonts, layout shifts, and template-level rendering decisions.
This checklist focuses on practical front-end performance improvements that can be reviewed during a WordPress build without turning every pass into a deep engineering audit.
Use this when
- A page feels heavy after content and media have been added.
- Images, fonts, embeds, or scripts are affecting the experience.
- The team needs a clear first pass before deeper performance work.
Performance checklist
- Check whether large images are correctly sized, compressed, and lazy loaded.
- Review scripts for unnecessary global loading.
- Audit font weights and loading behavior.
- Look for layout shifts caused by missing dimensions or late-loading media.
- Compare template needs against what is actually enqueued.
- Limit third-party embeds where they are not essential.
- Review animation and interaction scripts on mobile devices.
Image review
- Confirm hero images are not uploaded larger than the template needs.
- Check card crops and responsive image output.
- Use modern formats where the workflow supports them.
- Make sure below-the-fold images are lazy loaded.
- Keep meaningful alt text in place while optimizing files.
Quality check
- Prioritize changes visitors will feel on real devices.
- Keep before-and-after notes when changing assets.
- Do not hide content or break accessibility to chase a score.
Trusted references
Further reading
A few trusted references for teams that want to go deeper.