Оптимизация изображений без CSS и JavaScript.
В этом видео я рассказал о некоторых трюках, связанных с оптимизацией изображений на стороне HTML на основе реальных примеров. В качестве теста взял за основу сайт на HTML и CSS - http://intense-it.tech.
00:00 - Вступление
00:44 - Атрибут alt
02:34 - Атрибуты width и height
05:40 - Атрибут loading со значением lazy
07:40 - Уменьшение размера изображения
08:57 - Про порядок загрузки ресурсов браузером
12:32 - Атрибут srcset
14:56 - Атрибут sizes и подводные камни
24:53 - Современные форматы изображений
27:31 - Поддержка браузерами
28:52 - Статистика Google PageSpeed
30:45 - Как решают подобные проблемы в современной разработке
31:54 - Заключение
Про адаптивные изображения: https://developer.mozilla.org/ru/docs...
Про атрибут alt:
https://www.nic.ru/info/blog/alt/
_____________________
Если будут вопросы, то пишите в комментариях, либо в чат в телегу: https://t.me/front_room
_____________________
Поддержать меня и мой канал:
https://yoomoney.ru/to/41001635886758
https://boosty.to/maxwellcoding
_____________________
#html #frontend #imageoptimization #pagespeed