Чек-лист: изображения на сайте за один проход ============================================= Пройдите по пунктам на трёх страницах — главной, категории и карточке. На каждый пункт есть ответ «да» или «нет»; всё, что «нет», отправляйте разработчику одним списком. [ ] Замер сделан: записаны число картинок, суммарный вес и вес самого тяжёлого файла на трёх типах страниц, отдельно для мобильного режима. [ ] Ни один отдельный файл не тяжелее 300 КБ, страница каталога на мобильном не тяжелее 1,5 МБ вместе со скриптами. [ ] Фотографии отдаются в WebP (или AVIF) с запасным JPEG, качество сжатия 75–82; фотографий в формате PNG на сайте не осталось. [ ] Логотип, иконки и схемы переведены в SVG; анимация отдаётся видеофайлом, а не GIF. [ ] Для каждой картинки готовы 3–4 версии по ширине и подставляются через srcset и sizes; телефон не получает файл шириной 3000 пикселей. [ ] У всех изображений прописаны width и height (или соотношение сторон) — макет не прыгает при загрузке. [ ] Ленивая загрузка включена для всего ниже первого экрана и выключена для главной картинки первого экрана. [ ] Карусель не грузит все слайды сразу: первый — сразу, остальные — при прокрутке. [ ] Alt заполнен человеческим описанием на 5–12 слов, у декоративных элементов alt пустой, ключевые фразы через запятую не набиты. [ ] Имена файлов транслитом с дефисами и по смыслу; переименование делается до публикации, а не после. [ ] В админке включено ограничение размера при загрузке и очистка служебных данных снимка, включая координаты съёмки. [ ] На публикацию фотографий людей есть письменное согласие на использование изображения и обработку персональных данных; фотоотчёты с объектов согласованы с заказчиками и обезличены. --- Материал: Изображения на сайте: вес, форматы и alt, от которых зависит скорость и трафик https://media-monster.ru/blog/izobrazheniya-na-sayte-ves-formaty-alt/ Автор: Игорь Волков, Руководитель отдела разработки Media Monster Media Monster — media-monster.ru