Skills › Frontend Engineering

Frontend Performance

Optimise Core Web Vitals, bundle size, and rendering performance.

0%
Confidence · no data yet
Sign in to track

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
We've got separation of concerns wrong
General Musings with Kevin Powell · intermediate
→ Optimize frontend performance using CSS and HTML→ Improve webpage loading times
The mine: A no-JS adventure game
Kevin Powell · intermediate hands-on
→ Optimize CSS code for better performance→ Improve viewport rendering
How to Open ENTITY Files (Minecraft Bedrock Entity Definition)
File Extension Geeks · beginner
→ Optimize ENTITY file loading→ Improve entity rendering performance
I Traveled to Paris with an Unlimited Budget
TJR · advanced
→ Optimize website performance→ Improve user experience→ Enhance UI/UX design
What's new in the latest Angular release
Chrome for Developers · beginner hands-on
→ Optimize Angular applications→ Improve web application performance
I Made a Desktop App 30× Smaller Than Electron (with one command)
Prompt Engineer · intermediate hands-on
→ Optimize desktop app size→ Reduce memory usage→ Improve app performance
Frontier results, on device - RL Nabors, Arize
AI Engineer · intermediate
→ Optimize frontend performance→ Reduce latency→ Improve energy efficiency
How to Optimize Squarespace Website for Mobile (Step-by-Step)
Tutorial Stack · beginner
→ Improve website loading speeds→ Ensure cross-browser compatibility

Read (10 articles)

📄
How can I limit an object size before it is looped in vue/nuxt?
Dev.to · sium_hossain · 2022-08-08
📄
Integrating GraphQL into Nuxt apps with Nuxt Apollo
Dev.to · OpenReplay Tech Blog · 2022-12-06
📄
30 Ways to Improve Website Performance with CSS
Dev.to · OpenReplay Tech Blog · 2022-12-19
📄
Image Optimization in Vue & Nuxt
Dev.to · Jakub Andrzejewski · 2023-07-10
📄
Top 10 Nuxt.js Secrets to Boost Your App's Performance
Dev.to · Muhammadamin · 2023-07-06
📄
Data prefetch of alovajs, a request strategy library
Dev.to · Scott Hu · 2023-11-09
📄
Mastering Caching in Nuxt 3: A Comprehensive Guide
Dev.to · Amir H. Moayeri · 2024-01-03
📄
Implementing Debouncing in Vue
Dev.to · Jakub Andrzejewski · 2024-02-26
📄
Lazy load components in Nuxt to improve performance
Dev.to · Jakub Andrzejewski · 2024-05-27