Website Performance Optimization for Developers & IT Leaders
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
Web Performance in Practice
-
1
The Importance of Performance For Web Applications -
2
Measuring Performance with Google Lighthouse
-
3
Google Page Speed Insights
-
4
The Core Web Vitals: LCP, FID & CLS
-
5
LCP: Largest Contentful Paint
-
6
FID: First Input Delay
-
7
CLS: Cumulative Layout Shift
-
8
Other Important Metrics
-
9
The Basics of Web PerformanceTest your knowledge of the fundamental concepts of website performance optimization. This quiz will assess your understanding of why website performance matters and what are the essential performance metrics. Good luck!
Continuous Monitoring and Optimization
-
10
Project Set-Up
-
11
Publishing to Firebase
-
12
Website Performance Analysis
-
13
Using the Network Tab
-
14
Avoiding Oversized Images
-
15
Converting and Compressing Images
-
16
Handling Responsive Images with the Picture Element
-
17
Reminder: Commit Your Changes
-
18
Fixing CLS by Setting Explicit Height and Width to Images
-
19
More CLS Improvements - Hidden Elements
-
20
Lazy Load Images with the Loading Attribute
-
21
Reducing Initial Javascript Execution Time
-
22
Self-Hosting Google Fonts
-
23
Defer Non-Essential Services
-
24
Fixing Accessibility Issues
-
25
Adjusting the Order of Headings
-
26
Fixing Best Practices & SEO Issues
Related Courses
