It's the last day for these savings

Web Performance In Practice: Master Core Web Vitals & More

A Step-by-Step Guide to Keeping Website Performance at the Highest Levels. Optimize your Core Web Vitals and Improve UX.

374 Students

3h24min

Beginner

4.5

thumbnail
  • Overview
  • Curriculum
  • Discussion
  • Review
  • Instructor

What you will learn

  • Understand and effectively measure website performance metrics.

  • Gain proficiency in Google's PageSpeed Insights and Core Web Vitals.

  • Learn to set up and analyze projects using modern performance analysis tools.

  • Develop skills to optimize images and handle responsive layouts efficiently.

  • Enhance website speed by reducing JavaScript execution time and self-hosting fonts.

  • Implement best practices for lazy loading and accessibility compliance.

  • Commit to ongoing performance improvements with effective version control strategies.

  • Strategic Web Performance for Technical Leadership

  • Advanced Reporting and Historical Trend Analysis with GTMetrix

  • Utilizing Google Search Console for Performance Monitoring and Alerts

  • Competitor Website Analysis for Strategic Insights

  • Continuous Performance Optimization Techniques and Best Practices

  • Improve UX and SEO Rankings by Boosting your Website Performance

What are the requirements for taking your course

  • Familiarity with web development concepts.

  • Basic knowledge of HTML, CSS, and JavaScript.

Who is this course for

  • Web developers seeking to specialize in performance optimization.

  • Website owners aiming to improve their site’s user experience and SEO ranking.

  • Front-end developers interested in learning advanced performance techniques.

  • IT professionals responsible for website maintenance and optimization.

  • Tech leads and CTOs interested in maintaining and improving website performance.

  • SEO specialists looking to understand the technical aspects of site optimization.

  • Digital business owners who want to leverage website performance for competitive advantage.

Description

This course has been designed for front-end web developers, I.T. leaders and website owners seeking to master the basics of website performance optimization.

As user experience becomes a cornerstone of digital success, this course offers practical insights into improving website speed and efficiency. Starting with the fundamentals of performance measurements, we delve into Google's Core Web Vitals, tackling Largest Contentful Paint (LCP), First Input Delay (FID), and Cumulative Layout Shift (CLS), along with other vital performance metrics.

Our hands-on lessons guide you through real-world scenarios, from setting up your project for performance tracking to implementing advanced strategies for optimizing images, JavaScript execution, and accessibility.

By the end of this course, you will have the skills to conduct comprehensive performance analyses and the knowledge to resolve common issues that hinder website fluidity.

By completing this course, you will:

  • Understand and effectively measure website performance metrics.

  • Gain proficiency in Google's PageSpeed Insights and Core Web Vitals.

  • Learn to set up and analyze projects using modern performance analysis tools.

  • Develop skills to optimize images and handle responsive layouts efficiently.

  • Enhance website speed by reducing JavaScript execution time

  • Implement best practices for lazy loading and accessibility compliance.

  • Commit to ongoing performance improvements with effective version control strategies.

  • Create Advanced Reports and Historical Trend Analysis with GTMetrix

  • Utilizing Google Search Console for Performance Monitoring and Alerts

  • Competitor Website Analysis for Strategic Insights

  • Continuous Performance Optimization Techniques and Best Practices

  • Improve UX and SEO Rankings by Boosting your Website Performance


The Basics of Web Performance

The Importance of Performance For Web Applications

Measuring Performance with Google Lighthouse

Google Page Speed Insights

The Core Web Vitals: LCP, FID & CLS

LCP: Largest Contentful Paint

FID: First Input Delay

CLS: Cumulative Layout Shift

Other Important Metrics

The Basics of Web Performance

Web Performance in Practice

Project Set-Up

Publishing to Firebase

Website Performance Analysis

Using the Network Tab

Avoiding Oversized Images

Converting and Compressing Images

Handling Responsive Images with the Picture Element

Reminder: Commit Your Changes

Fixing CLS by Setting Explicit Height and Width to Images

img

No Discussion Found

4.5

67 Reviews

5
38
4
20
3
8
2
0
1
1
$43.45

This Course Includes

33 Lessons
1 Quiz
0 Assignment
2 Downloadable Resources
English
Full Lifetime Access
Certificate of completion
Go To Class

Related Skills

More Courses From Udemy Udemy