Зачем использовать плагин для оптимизации изображений?
Конечно, существует множество онлайн-инструментов, позволяющих загружать изображения в Интернет, а затем в WordPress: это двойная работа, которая может отнять много времени, если мы работаем с большим количеством файлов изображений.
Оптимизатор изображений WordPress, такой как Imagify, не только сжимает наши изображения при загрузке, но и может выполнить массовую оптимизацию для всех файлов, уже находящихся в нашей медиатеке WordPress.
Еще один аспект, который необходимо учитывать, – это стоимость использования онлайн-инструмента: большинство из них бесплатны, но иногда лучшие функции доступны только премиум-пользователям. Однако если инструмент на 100% бесплатный, возможности оптимизации минимальны.
Еще одним преимуществом является то, что Imagify может работать и оптимизировать наши изображения в синергии с WP Rocket, благодаря партнерству между этими двумя компаниями. В этом случае особенно эффективно использовать функцию Lazy Load для улучшения производительности и SEO нашего сайта.
Установка Imagify
1. Создайте бесплатный аккаунт
Мы можем бесплатно создать учетную запись, посетив веб-сайт Imagify. Также можно перейти непосредственно в панель администратора WordPress, затем перейти на вкладку плагины, затем добавить новый плагин. Нам нужно ввести “Imagify” в поле поиска, а затем мы можем установить и активировать плагин.
Также можно загрузить плагин непосредственно с сайта wordpress.org. Все, что нам нужно сделать, это зайти в панель администратора WordPress, перейти на вкладку плагины, затем “добавить новый” и загрузить ZIP-файл, не распаковывая его.
Для тех, у кого есть плагин WP Rocket, вы можете установить Imagify, перейдя на вкладку “оптимизация изображений”.
Затем мы видим это уведомление:
Все, что нужно сделать, это ввести электронную почту, никакой другой личной информации запрашиваться не будет. После отправки адреса электронной почты мы получим ответ, содержащий наши данные для входа в систему. После нажатия на ссылку активации и входа в систему мы получим доступ к панели управления Imagify.
2. Введите свой ключ API
Аутентификация осуществляется с помощью ключа API. Это можно найти в активационном электронном письме, которое мы получили.
После копирования ключа API мы можем вернуться на исходную страницу и нажать на кнопку I HAVE MY API KEY. Это вызовет диалоговое окно с записью для добавления нашего ключа API. После ввода этого API-ключа мы должны увидеть сообщение “Поздравляем! Ваш ключ API действителен. Теперь вы можете настроить параметры Imagify для оптимизации ваших изображений”.
Ценообразование Imagify
Бесплатно можно оптимизировать 20 МБ изображений в месяц, или около 200 изображений в месяц, а если вы хотите иметь возможность оптимизировать больше изображений, существует только платный тарифный план: цена составляет $9,99 в месяц за неограниченный доступ. Если вы платите ежегодно, этот вариант позволит вам воспользоваться 2 бесплатными месяцами: плагин будет стоить $99,9 в год, или $8,33 в месяц.
Настройка Imagify
Теперь у нас есть доступ к общим настройкам Imagify, и мы видим, что получаем кредит за оптимизацию изображений на нашем сайте.
1- Доступны три варианта оптимизации изображения: Normal, Aggressive, Ultra. Если мы не хотим снижения качества, нам следует выбрать режим Normal. Однако рекомендуется использовать режим “Агрессивный”, так как он подходит для большинства ситуаций. Заметить разницу в качестве будет очень сложно. В режиме Ultra используется самый высокий уровень оптимизации, позволяющий значительно уменьшить размер изображения, но при этом происходит небольшая потеря качества. Можно использовать инструмент визуального сравнения непосредственно на сайте Imagify.
2- Опция автоматической оптимизации каждого изображения, которое мы отправляем в WordPress. Если мы хотим сэкономить место на нашем сервере, мы также должны снять флажок “Сохранять оригинальные изображения”. В этом случае нам следует убедиться, что мы всегда храним копию оригинального изображения на нашем компьютере, потому что впоследствии извлечь эти изображения будет невозможно.
3- Опция “Сохранить все данные EXIF ваших изображений”. Данные EXIF – это информация, хранящаяся на фотографиях, такая как: диафрагма, экспозиция, ISO,…
4- Опции “Оптимизировать для формата WebP” и “Создать WebP-версии изображений”. Это две настройки, которые позволят нам отображать изображения в формате WebP на нашем сайте (если мы не используем для этого специальный плагин WordPress). Первый вариант добавляет правила перезаписи в файл конфигурации сайта (.htaccess) и не изменяет код ваших страниц. Второй вариант заменяет теги на теги
5- Затем переходим к параметру “Изменить размер больших изображений”, который позволяет автоматически изменять размер больших изображений, устанавливая максимальный размер. Чтобы избежать снижения качества изображения, обычно рекомендуется устанавливать это значение примерно в два раза больше, чем размер, который мы будем использовать для изображений. При необходимости эту функцию можно отключить, сняв флажок.
6- Оптимизация используемой темы WordPressn.
7- Наконец, можно выбрать оптимизацию определенных форматов, генерируемых WordPress, и исключить другие. Каждый дополнительный формат изображения будет влиять на ежемесячную квоту использования.
После выполнения этих настроек нажмите “Сохранить и перейти к массовой оптимизации”. Затем остается только проверить информацию и нажать кнопку “IMAGIF’EN ALL” для оптимизации изображений.
Каковы результаты?
В предыдущей статье я протестировал WP Rocket. Вот показатели, полученные после настройки этого плагина:
А теперь вот производительность моего сайта после установки и настройки Imagify:
Эти результаты действительно отличные, учитывая, что мы говорим о сайте, который уже оптимизирован. В заключение я могу только порекомендовать использовать Imagify, тем более что он позволяет легко создать учетную запись и оптимизировать несколько изображений бесплатно.
Часто задаваемые вопросы
Что такое формат WebP?
Формат WebP обеспечивает превосходное сжатие и качество изображения и является способом оптимизации изображений и ускорения времени их загрузки на веб-сайтах.
Почему оптимизация изображений улучшает SEO?
Изображения являются одним из основных факторов, учитываемых Google при оценке показателей Core Web Vitals. Сжатие изображений гарантирует, что ваши изображения будут загружаться быстрее и улучшат общую производительность вашего сайта.
Что такое ленивая загрузка?
Благодаря Lazy Loading видео и изображения будут отображаться постепенно в соответствии с навигацией пользователя, только когда это необходимо. Таким образом, повышается производительность вашего сайта, особенно для сайтов с множеством встроенных видео и изображений высокого разрешения. Эту функциональность, дополняющую сжатие изображений, предлагает WP Rocket.
