Skillbox, оптимизация графики, Squoosh и элемент picture

00:00 Интро
00:41 Обзор
01:31 PageSpeed
02:15 Загрузка
02:57 Разметка
07:18 Графика
10:15 Примеры
12:15 Фотки
19:41 Баннер
24:22 Picture
30:32 Выводы

Нравится? Становитесь патронами — https://www.patreon.com/pepelsbey

Демо — https://pepelsbey.github.io/playground/10/
Код — https://github.com/pepelsbey/playground/tree/master/10

Skillbox — https://skillbox.ru/
PageSpeed Insights — https://developers.google.com/speed/pagespeed/insights/
Squoosh — https://squoosh.app/
Responsive Images — https://dev.opera.com/articles/responsive-images/

* * *

Камера: Lumix GH5 + DMW-XLR1
Объектив: Lumix 20 мм, f/1,7 II
Микрофон: Audio-Technica AT4053b
Свет: Aputure Light Storm 120t + Light Dome
Софт: Final Cut Pro, iZotope RX

Видео Skillbox, оптимизация графики, Squoosh и элемент picture канала Vadim Makeev