Automate Image Performance Using ASTs
with Phil Hawksworth
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.
Topics
Resources & Links
- 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