![](https://ccweb.imgix.net/https%3A%2F%2Fwww.classcentral.com%2Fimages%2Ficon-black-friday.png?auto=format&ixlib=php-4.1.0&s=fe56b83c82babb2f8fce47a2aed2f85d)
Overview
![](https://ccweb.imgix.net/https%3A%2F%2Fwww.classcentral.com%2Fimages%2Ficon-black-friday.png?auto=format&ixlib=php-4.1.0&s=fe56b83c82babb2f8fce47a2aed2f85d)
Learn how to automate image performance using Abstract Syntax Tree (AST) transformations to optimize images, generate different sizes for various viewport resolutions, and implement lazy loading. The course covers reducing image size, creating source sets, testing, implementing lazy loading, and utilizing CSS blur. The teaching method involves practical demonstrations and code repositories. This course is intended for web developers and designers looking to enhance website performance through automated image optimization techniques.
Syllabus
Introduction
Getting Started
Finding an Image
Image Performance Issues
Reduce Image Size
Create Source Sets
Testing
Page Cost
Picture Element
Cropping
Image Width
Lazy Loading
Changing Image Size
CSS Blur
Adding an Intersection Observer
Detecting Images
Taught by
Learn With Jason