image optimization for the web

Опубликовано: 21 Август 2024
на канале: isak
412
44

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


Смотрите видео image optimization for the web онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь isak 21 Август 2024, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 41 раз и оно понравилось 4 людям.