image optimization for the web
In this video I explain how I did image optimization for a web project serving 1000+ images while retaining a 100/100 lighthouse score.
This method can be used with any web framework, be it React, Svelte, Vue, Angular, plain HTML, HTMX, Next, whatever. In this video I am using Astro.
Try out DigitalOcean and get $200 free credits! (Referal code)
I did it and got well over a year of usage for free :)
Link: https://m.do.co/c/810e35ce3218
Link to project: https://github.com/tmcw/bespoke
It uses Sharp for image processing.
Discord: / discord
00:00 Intro
00:20 unoptimized sample
01:03 bespoke
01:54 example
07:11 automation for bulk optimization
08:15 thx for watching
08:38 side note
09:02 side note 2
if you want to support the channel:
patreon (weekly uploads): / isaksolheim
read my blog: https://isak.me
newsletter: https://isak.me/newsletter
follow me on github: https://github.com/isaksolheim
Watch video image optimization for the web online without registration, duration hours minute second in high quality. This video was added by user isak 21 August 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 41 once and liked it 4 people.