04.5.6 · Skill in Performance engineering

Frontend performance

Fast loading and smooth interaction in the browser or app.

Frontend performance covers bundle size, rendering, images, fonts and responsiveness to input. Core Web Vitals give a shared way to measure it. Slow interfaces lose users quietly, especially on cheaper phones.

Your status · Frontend performance

Not startedLearningComfortable

Saved in this browser only. It colours this skill's tile on your map.

Resources

articleGo deeper
The most effective ways to improve Core Web Vitals ↗
web.dev (Google) · 2024 · 18 min
The short list of fixes that make the biggest difference, ranked by the Chrome team.
articleGo deeper
Optimize largest contentful paint ↗
web.dev (Google) · 2020 · 25 min
Breaks page load time into its parts so you can see which one to fix first.

Tools

ToolOpen source
Lighthouse
developer.chrome.com ↗
Open-source audits for performance, accessibility, SEO and best practices, built into Chrome.