Изображения почти всегда дают самый быстрый прирост скорости, если подойти к ним системно: выбрать правильный формат, отдать нужный размер, настроить lazy loading и не испортить визуальное качество. Разбираем практический подход, который мы используем в проектах Ergart при работе с производительностью и Core Web Vitals. Картинки делают сайт живым, помогают продавать и объяснять продукт, но именно они чаще всего становятся причиной тяжелых страниц, медленной первой загрузки и плохих показателей Core Web Vitals...

Привет! Ты когда-нибудь задумывался, как на некоторых сайтах делают такие классные эффекты с фонами — например, затемненные фотографии с текстом, красивые наложения цветов или даже целые рисунки без использования картинок? Сегодня я расскажу тебе о секретном оружии веб-разработчиков — множественных фонах в CSS! Это как если бы у тебя было несколько прозрачных листов бумаги, которые ты накладываешь друг на друга, создавая классную многослойную картинку. Звучит интересно? Тогда поехали! Перед тем как мы погрузимся в множественные фоны, давай быстро вспомним, что такое свойство background в CSS...