Website Performance Optimization For Developers & It Leaders

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

What you'll 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

Requirements

Familiarity with web development concepts.

Basic knowledge of HTML, CSS, and JavaScript.

Description

This course is meticulously designed for web developers and website owners keen on mastering 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 timeImplement 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 GTMetrixUtilizing Google Search Console for Performance Monitoring and AlertsCompetitor Website Analysis for Strategic InsightsContinuous Performance Optimization Techniques and Best PracticesImprove UX and SEO Rankings by Boosting your Website Performance

Overview

Section 1: The Basics of Web Performance

Lecture 1 The Importance of Performance For Web Applications

Lecture 2 Measuring Performance with Google Lighthouse

Lecture 3 Google Page Speed Insights

Lecture 4 The Core Web Vitals: LCP, FID & CLS

Lecture 5 LCP: Largest Contentful Paint

Lecture 6 FID: First Input Delay

Lecture 7 CLS: Cumulative Layout Shift

Lecture 8 Other Important Metrics

Section 2: Web Performance in Practice

Lecture 9 Project Set-Up

Lecture 10 Publishing to Firebase

Lecture 11 Website Performance Analysis

Lecture 12 Using the Network Tab

Lecture 13 Avoiding Oversized Images

Lecture 14 Converting and Compressing Images

Lecture 15 Handling Responsive Images with the Picture Element

Lecture 16 Reminder: Commit Your Changes

Lecture 17 Fixing CLS by Setting Explicit Height and Width to Images

Lecture 18 More CLS Improvement - Hidden Elements

Lecture 19 Lazy Load Images with the Loading Attribute

Lecture 20 Reducing Initial Javascript Execution Time

Lecture 21 Self-Hosting Google Fonts

Lecture 22 Defer Non-Essential Services

Lecture 23 Fixing Accessibility Issues

Lecture 24 Adjusting the Order of Headings

Lecture 25 Fixing Best Practices & SEO Issues

Section 3: For Leaders: Continuous Monitoring and Optimization

Lecture 26 The Web Performance Road Map for Continuous Improvement

Lecture 27 Enforcing Best Practices

Lecture 28 Performance Reports on Google Search Console

Lecture 29 Getting Started with GT Metrix

Lecture 30 History Charts on GT Metrix

Lecture 31 Monitoring Pages and Setting Up Alerts on GT Metrix

Lecture 32 Comparing Performance Reports on GT Metrix

Lecture 33 Code Reviews and the QA Routine

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.