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 teaches us how to improve image performance automatically using AST transformations.
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.
Resources & Links
- Demo
- Repo
- css-tricks.com/tips-for-rolling-your-own-lazy-loading/
- cloudinary.com/
- developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images
- developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API
- css-tricks.com/native-lazy-loading/
- whatdoesmysitecost.com/
- hawksworx.com/
- developer.mozilla.org/en-US/docs/Web/HTTP/Status/418
More episodes from Learn With Jason Season 2
Learn With Jason
S2.E66
Now that Gatsby Themes have been launched, where should you start with a new site? In this episode, Will Johnson pairs with Jason to work on his personal Gatsby site. Follow along to learn how you can get started with Gatsby and Gatsby Themes today!
Learn With Jason
S2.E67
When people talk about modern web frameworks, Vue is almost always included on the list. In this episode, Divya Sasidharan teaches us how we can get started with Vue for building web apps and sites.
Learn With Jason
S2.E68
Advent of Code is a great opportunity to try out new languages for fun, even if you may never use them for work. In this episode, Jason will try to teach himself ReasonML while working through the first few Advent of Code challenges.
Learn With Jason
S2.E70
Svelte is a powerful framework that compiles code to framework-less app vanilla JavaScript. In this episode, Svelte‘s creator, Rich Harris teaches us what that means and how we can get started with Svelte today!
Learn With Jason
S2.E71
What’s better than a corgi? A Party Corgi! On this episode, Papa Party Corgi himself, Chris Biscardi, joins to build the Party Corgi official website using Gatsby. (The Party Corgi Network is a community of livestreamers and stream watchers. You should join!)
Learn With Jason
S2.E72
Did you know that Angular can generate static sites now? With Scully, it’s now possible! In this episode, Tara Z. Manicsic teaches us how to create Jamstack sites with Angular and Scully.