Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Automate Image Performance Using ASTs - Learn With Jason

Learn With Jason via YouTube

Overview

Limited-Time Offer: Up to 75% Off Coursera Plus!
7000+ certificate courses from Google, Microsoft, IBM, and many more.
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

Reviews

Start your review of Automate Image Performance Using ASTs - Learn With Jason

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.