Frontend Performance

After this skill you can…

• Achieve a 90+ Lighthouse score
• Implement lazy loading and code splitting
• Measure and improve LCP, FID, and CLS

Prerequisites

Watch (10 videos)

This Free Animated UI Library Changes Everything (Originkit Tutorial) 🤯

Visualmodo · beginner

→ Optimize website performance→ Improve user experience

Site Secreto de Componentes Animados Grátis! (Originkit)

Visualmodo · beginner

→ Optimize website performance→ Use animation libraries

The mine: A no-JS adventure game

Kevin Powell · intermediate hands-on

→ Optimize CSS code for better performance→ Improve viewport rendering

Keep your page interactive during view transitions #GoogleIO

Chrome for Developers · beginner

→ Optimize web page performance→ Improve user experience

Everybody is dead!

Kevin Powell · intermediate

→ Optimize frontend code for better performance→ Improve user experience through responsive design

The forgotten developer who saved JavaScript...

Fireship · intermediate

→ Optimize frontend code for better performance→ Use Clerk's CLI to set up end-to-end authentication

HTML is the new JSON: Declarative partial updates explained #GoogleIO

Chrome for Developers · beginner

→ Optimize web page loading→ Improve user experience→ Use Streaming API for dynamic markup

We've got separation of concerns wrong

General Musings with Kevin Powell · intermediate

→ Optimize frontend performance using CSS and HTML→ Improve webpage loading times

3 Ways to Make Unlimited Free AI Videos

Sabrina Ramonov 🍄 · intermediate hands-on

→ Create AI videos→ Optimize video generation

How to Open ENTITY Files (Minecraft Bedrock Entity Definition)

File Extension Geeks · beginner

→ Optimize ENTITY file loading→ Improve entity rendering performance

Read (10 articles)