Главная
Study mode:
on
1
Introduction
2
Getting Started
3
Finding an Image
4
Image Performance Issues
5
Reduce Image Size
6
Create Source Sets
7
Testing
8
Page Cost
9
Picture Element
10
Cropping
11
Image Width
12
Lazy Loading
13
Changing Image Size
14
CSS Blur
15
Adding an Intersection Observer
16
Detecting Images
Description:
Explore techniques for automating image performance optimization in this 1 hour 43 minute video featuring Phil Hawksworth on Learn With Jason. Discover how to leverage Abstract Syntax Tree (AST) transformations to automatically generate multiple image sizes, implement lazy loading, and enhance overall website performance. Learn to create source sets, utilize the picture element, apply CSS blur effects, and implement intersection observers for efficient image loading. Gain insights into reducing image sizes, testing performance improvements, and understanding page cost implications. Access a demo and GitHub repository to follow along and apply these techniques to your own projects.

Automate Image Performance Using ASTs - Learn With Jason

Learn With Jason
Add to list