logo Oblomow.ru

Оптимизация изображений

Ни для кого не секрет, что скорость загрузки сайта тоже влияет на SEO, а значит оптимизация скорости загрузки — одна из задач SEO-специалиста.

При этом, львиная доля проблем с оптимизацией заключается в том, что вебмастер или контент менеджер не задумываются о размере загружаемых на сайт изображений, а они, в свою очередь, составляют огромную долю от всего веса страницы.

Нужно ли мне оптимизировать изображения на сайте?

Чтобы узнать нужно ли оптимизировать изображения именно вам, нужно воспользоваться бесплатеным сервисом от Google:
developers.google.com/speed/pagespeed/insights/

Этот сервис проверит ваш сайт на проблемы со скоростью загрузки (как для десктопной, так и для мобильной версии) и выведет на экран свои рекомендации.

С очень большой вероятностью одной из проблем будет рекомендаций будет «Используйте современные форматы изображений». В рамках этой рекомендации говорится, что используемые на сайте изображения не обладают максимальным сжатием из-за использования старых форматов (ну как старых? Вполне обычных jpeg, jpg и png).
Заменить их рекомендуется аналогичными изображениями в одном из следующих форматов: JPEG 2000, JPEG XR, WebP.

Второй рекомендацией, касающейся изображений может быть использование полноразмерных изображений там, где этого не требуется. То есть если вы используете изображение размером 800 на 600, но сжимаете его с помощью CSS, то Google подскажет, что это не совсем правильно, и порекомендует заменить его миниатюрой необходимого размера.

Прислушиваться ли к этим рекомендациям дело, конечно, ваше. Я оценил бы текущий размер изображений, и делал бы выводы из этого. Если ваши изображения совсем не сжаты и весят по несколько мегабайт, то это нужно исправить в срочном порядке. А вот бороться с изображениями по 50 килобайт я бы, наверное, уже не стал. Вместо этого наверняка найдутся более приоритетные задачи.

С другой стороны, сложность оптимизации изображений зависит от того, какой подход к ней вы выберете.

Как оптимизировать изображения на сайте?

Условно поделим оптимизацию изображений на два подхода:

  • Ручная оптимизация перед загрузкой на сайт;
  • Автоматическая оптимизация с помощью CMS или плагина.

Разберём каждый вариант немного подробнее:

Оптимизация изображений перед загрузкой на сайт

Такой подход я не очень приветствую, хотя он, возможно, и является самым эффективным с точки зрения оптимизации.
Дело в том,что если оптимизировать изображения нужно до загрузки, то эта обязанность образует огромное количество ручной работы независимо от того, скриптом вы сжимаете изображения или как-то ещё.

Этот вариант подразумевает, что выполнять эти действия по оптимизации придётся перед каждой новой публикацией статьи или товара с изображением. Я считаю это неприемлемым и оптимизировать изображения вручную рекомендую только те, которые будут выводиться во множестве мест сайта или, например, которые не планируется менять в ближайшей перспективе. Также рекомендую хорошо оптимизировать главную страницу, потому что она является лицом вашего сайта, что обязывает её не только хорошо выглядеть, но и быстро загружаться.

Автоматическая оптимизация с помощью CMS или плагина

Автоматическая же оптимизация изображений на сайте— хороший способ, который можно настроить один раз и забыть об этой задаче, как о страшном сне. Согласен, что такая оптимизация не будет давать идеального сжатия, но согласитесь, что эффективнее будет написать дополнительную статью, чем потратить то же время на сжатие и без того оптимизированного изображения.

Сейчас вы, наверное, хотите узнать как именно организовать автоматическое сжатие изображений у вас на сайте. На этот вопрос, к сожалению, в рамках общей статьи я могу ответить только общими словами: используйте возможности вашей CMS и устанавливаемых на неё плагинов.

Пользователям WordPress в этом плане повезло чуть больше остальных, так как по этой CMS я веду отдельную рубрику, в рамках которой обязательно расскажу как оптимизировать изображения на WordPress.

Комментарии про «Оптимизация изображений»

  • Дилер Кемпи #1 14/01/2019 - 03:26
    Прохожий 6 Сообщений

    Приветсвую! Дополнительное повышение релевантности страницы. Оптимизация изображений позволяет поисковым системам лучше понимать содержание картинки. Использование тематических картинок привнесет дополнительный вклад в релевантность страницы и повысит удобство восприятия контента для посетителей сайта.

Добавить комментарий

Войти с помощью: 

Ваш e-mail не будет опубликован.