Automate Image Performance Using ASTs
To get the best possible website performance, we should be optimizing our images, generating different sizes for different viewport resolutions, and adding support for lazyloading. That’s a lot of work — unless you automate it. In this episode, Phil Hawksworth (https://twitter.com/philhawksworth) teaches us how to improve image performance automatically using AST transformations.
Links & Resources
- https://css-tricks.com/tips-for-rolling-your-own-lazy-loading/
- https://cloudinary.com/
- https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images
- https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API
- https://css-tricks.com/native-lazy-loading/
- https://whatdoesmysitecost.com/
- https://www.hawksworx.com/
- https://developer.mozilla.org/en-US/docs/Web/HTTP/Status/418
Full Transcript
Click to toggle the visibility of the transcript
Closed captioning and more are made possible by our sponsors: