CoursesAI WorkshopCompaniesPricingBlogNewsletter
  • Courses
  • AI Workshop
  • Companies
  • Pricing
  • Blog
  • Newsletter
Subscribe
  • Courses
  • Companies
  • Communities
  • Blog
  • Gift card
  • Newsletter
  • Help
  • Shop
  • ConfAiBot
  • Contact
  • Legal notice
  • General conditions
  • Privacy policy
  • Cookies policy

Course of Web Performance

Standard
Nino DafonteNúria Soriano

By Nino Dafonte y Núria Soriano – Frontend

Learn how to optimize your web applications and create a performance culture to maintain it in the long term.

Go to course

💸 First lesson available without registration 💸

Web performance is important for our applications to rank well, but even more so for our users to have a good experience. In this course, we will explore techniques and tools to measure and optimize our web applications, always keeping user experience at the center and achieving good results in the Core Web Vitals.

With this course, you will learn:

  • 🤔 What Core Web Vitals are and how they can affect ranking
  • ⏲️ How to measure the performance of a website
  • 🛠️ Establishing a performance culture in your team
  • ⚙️ Tools to automate optimizations
  • 🧳 Techniques to reduce the size of your assets
  • 🔝 Optimizing the loading of viewport content
  • 🧵 How to load third-party scripts optimally
  • 🚀 Applying enhancements for modern browsers
  • 🔡 Optimizing font loading
  • 🎙️ Interviews with web performance specialists

Free Content

In the "Preview" section above, you can access the course index and watch the first 2 videos completely free and without registration.

We have put a lot of effort into preparing this course, allowing you to check the quality of the videos and topics we will cover for yourself 😊

Videos of the course

  • 🤔 What are Core Web Vitals? Will they affect my ranking?
  • ⏲️ How to measure the performance of our page

  • 📦 Creating our performance budget with Webpack
  • 🕯️ Adding Lighthouse to our CI
  • 🏥 Adding Web Vitals tracking in Analytics

  • 🎨 Largest Contentful Paint: perceived loading speed
  • ⏳ First Input Delay: interactivity
  • 💨 Cumulative Layout Shift: stability

  • 🧳 Reduce payload: Detect heavy dependencies
  • 🏋️ Optimization of heavy assets
  • 🧵 Dealing with third-party scripts with defer
  • 😴 Lazy loading with Intersection API

  • 💜 PRPL pattern
  • 🧑‍🤝‍🧑 Serving no more JS than necessary: Code splitting
  • ⚙️ Pre-caching with Service Workers

  • 📲 Responsive images
  • 💅 Lazy load without layout shifts
  • 🛠 New formats for modern browsers

  • 🚨 Lazy load without losing style: Critical CSS
  • 🧼 Remove unused CSS with PurgeCSS
  • 🔠 Optimizing font loading

  • 💡 Adjusting CI to maintain our performance
  • 💀 Minimize Cumulative Layout Shift with skeleton screens
  • 👩‍🚀 Modern JS for the browsers of today

  • 🧰 Chrome Dev Tools with Ana Encinar
  • 🖼️ We streamline image optimization with Cloudinary with Joan León

  • 🤟 Next steps
Go to course

Related courses

Standard
Tailwind CSS: Architecture and Best Practices

🚤 Tailwind CSS: Architecture and Best Practices

Paco CastellóRafa Gómez

Learn how to structure your Tailwind CSS projects following best practices.

See course
Standard
Job offers

📄 Job offers

Javier FerrerRafa Gómez

Codely verified job offers

See course
Standard
Next.js: Open Graph Images

🖼️ Next.js: Open Graph Images

Javier FerrerRafa Gómez

Generate dynamic images in your Next.js projects for sharing on social media.

See course
See full catalogue

Pay according to your needs

lite (only monthly)

19 €
per month
  • Essential programming courses to build a solid foundation
Popular

standard

24,92 €
Discount vs monthly of 49 €
Annual payment of 299 €
per month
  • Main catalog to master writing maintainable, scalable, and testable code
  • Receive job offers verified by Codely
  • Company invoice
  • Accumulate renewal discounts

premium

41,58 €
Discount vs monthly of 89 €
Annual payment of 499 €
per month
  • Exclusive AI courses to keep you always up to date
  • Early access to new courses
  • Discount on workshops
  • Receive job offers verified by Codely
  • Company invoice
  • Accumulate renewal discounts

We won't increase the price while your subscription is active

SubscribeSign in