Ни для кого не секрет, что скорость загрузки сайта тоже влияет на SEO, а значит оптимизация скорости загрузки — одна из задач SEO-специалиста.
Чтобы узнать нужно ли оптимизировать изображения именно вам, воспользуйтесь бесплатным сервисом от Google: pagespeed.web.dev
Этот сервисом можно проверить любую страницу вашего сайта на скорость загрузки (как для десктопной, так и для мобильной версии) и получить соответствующие рекомендации.
Основные рекомендации от Google
Подберите размер изображений
Основной проблемой касающейся изображений может быть использование полноразмерных изображений там, где этого не требуется. То есть если вы используете изображение размером 1920 на 1080, но визуально уменьшаете его с помощью CSS, то лучше заменить его миниатюрой необходимого размера.
Задайте для изображений атрибуты width и height
Также Google рекомендует всегда явным образом задавать ширину и высоту для изображений. Это можно сделать двумя способами (<имг width="100%" height="100%"> и <имг style="width:100%;height:100%">), но недавно я узнал, что некоторые браузеры игнорируют атрибуты из первого способа. Получается, теперь всегда нужно действовать через style?
Используйте современные форматы изображений
Ещё иногда Google просит использовать современные форматы изображений, т.к. используемые на сайте изображения не обладают максимальным сжатием из-за старых форматов (ну как старых? Обычных jpeg, jpg и png). Заменить их рекомендуется аналогичными изображениями в форматах WebP или AVIF.
Как оптимизировать изображения?
Во-первых, постарайтесь загружать изображения с осмысленными названиями на транслите или английском языке. Избегайте изображений, названия которых написаны кириллицей или просто содержат ничего не значащий набор символов. И хотя перезаливать старые изображения с новыми названиями я бы, наверное, уже не стал (слишком трудоёмко), но потратить несколько секунд на изменение новых всё же стоит.
Во-вторых, следите за объёмом загружаемых изображений. Как я уже говорил выше, на сайте не должно быть картинок, размер которых исчисляется мегабайтами. Следите за хотя бы примерным совпадением размеров и правильным сжатием. Сжатие, кстати, можно осуществлять автоматически (либо через специальные сервисы до загрузки, либо через специальные плагины прямо на сайте).
В-третьих, настройте отложенную или, как её ещё называют, ленивую загрузку изображений. Её суть в том, что изображения, размещенные за пределами видимой части окна, не будут загружены до тех пор, пока пользователь не прокрутит до них страницу.
Ну и, конечно же, не забывайте прописывать изображениям тег ALT, т.к. он значительно влияет на релевантность страницы и может привести новых посетителей, если изображение попадёт в отдельный топ изображений Яндекса или Гугла.
