Увеличьте скорость загрузки вашего сайта с помощью EWWW Image Optimizer

Несколько дней назад у меня был неприятный опыт. Мне не терпелось прочитать хорошо продаваемую статью в Твиттере, поэтому я нажал на ссылку, которая перенаправляла меня на соответствующий веб-сайт.

И тут я подождал 3 секунды. 4 секунды. 5 секунд. На экране: ничего. После 3 навязчивых нажатий F5 для обновления страницы: все равно ничего. Так что я покинул сайт, немного сварливый. Момент чтения: ушел, забудь.

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

Плагин EWWW Image Optimizer поможет вам уменьшить их вес .

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

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

Первоначально написанная в октябре 2019 года, эта статья последний раз обновлялась в апреле 2022 года.

Что такое оптимизатор изображений EWWW?

EWWW Image Optimizer — это бесплатный плагин, который сжимает и оптимизирует вес ваших изображений, чтобы повысить скорость загрузки страниц вашего сайта. Вы можете выбрать настройку сжатия, оптимизировать изображения и изменить их размер. Плагин можно использовать без каких-либо технических знаний и без необходимости кодирования.

EWWW Image Optimizer, установленный на более чем 900 тысяч активных установок, является одним из самых популярных плагинов в официальном каталоге для оптимизации ваших изображений , наряду с Smush (более 1 миллиона активных установок) и Imagify (более 600 тысяч активных установок).

В целом, он очень популярен среди пользователей, которые на момент написания статьи поставили ему отличную оценку 4,7/5 звезд.

Каковы основные функции бесплатной версии EWWW Image Optimizer?

В бесплатной версии EWWW Image Optimizer позволяет:

• Сжимайте и оптимизируйте вес ваших изображений без каких-либо ограничений по размеру . На самом деле, если быть точным, установлен лимит в… 150 МБ. Но я мог бы также сказать вам, что это вряд ли произойдет.
• Сжимайте изображения на собственном сервере . Вам не нужно регистрироваться или запрашивать ключ API.
• Обработка всех основных форматов изображений : JPG, PNG, GIF, PDF и WebP.
• Оптимизируйте сразу все изображения, которые уже есть на вашем сайте , благодаря массовой оптимизации.
• Оптимизируйте файлы в Медиатеке , а также файлы в других папках (например, изображения вашей темы).
• Храните изображения бесплатно в течение 30 дней .

Зачем использовать плагин для сжатия изображений?

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

Для этого есть несколько веских причин:

1. Изображения могут составлять до половины веса веб-страницы . Оптимизируя их вес, вы гарантируете, что ваши страницы загружаются быстрее.
2. Вы предлагаете своим посетителям лучший пользовательский опыт . Сайт, который загружается слишком медленно, разочаровывает пользователя, который, скорее всего, уйдет в другое место, если не найдет быстро то, что ищет.
3. Вы заботитесь о своем SEO . Скорость загрузки — это критерий, учитываемый алгоритмом Google для позиционирования страницы, даже если он имеет небольшой вес по сравнению с основными факторами, такими как обратные ссылки или релевантность вашего контента.
4. Быстро загружаемый сайт с оптимизированными изображениями помогает ограничить показатель отказов .

Вашим лучшим проектам WordPress нужен лучший хостинг!

WPMarmite рекомендует Bluehost: отличная производительность, отличная поддержка. Все, что нужно для отличного старта.

Попробуйте Блюхост

Конечно, есть программное обеспечение для редактирования изображений. Я имею в виду, например, Adobe Photoshop и его функцию «Сохранить для Интернета». Или даже онлайн-инструменты, такие как TinyPNG, Jpeg.io или Compressor.io.

Однако у них есть три основных ограничения по сравнению с плагином:

1. Эти инструменты не всегда бесплатны , и вам может не понравиться их работа.
2. Степень сжатия может быть не такой эффективной, как при использовании специального плагина WordPress .
3. Использование стороннего программного обеспечения «вынуждает» вас переключаться между его интерфейсом и вашим сайтом WordPress . С плагином у вас есть все параметры прямо на панели инструментов вашего сайта, что экономит много времени.

Теперь, после этой закуски, давайте перейдем к основному блюду. Давайте подробно узнаем, как настроить EWWW Image Optimizer.

Как настроить EWWW Image Optimizer: руководство

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

В интерфейсе администрирования WordPress начните с установки и активации EWWW Image Optimizer через меню плагинов > Добавить плагины :

После завершения этой операции перейдите в меню настройки плагина на боковой панели слева, нажав « Настройки» > «EWWW Image Optimizer» .

Как вы увидите, для того, чтобы плагин начал работать, требуется всего два шага.

Шаг 1. Выберите цели

Плагин сначала попросит вас выбрать цели:

• Установите соответствующие флажки, если вы хотите ускорить работу сайта и/или сэкономить место на диске. Для целей этого урока я выбираю оба варианта.
• Решите, хотите ли вы перейти на пакет Pro плагина или нет.

Нажмите синюю кнопку «Далее», когда закончите.

Шаг 2. Подтвердите свои настройки

На следующем экране плагин попросит вас подтвердить настройки, которые он рекомендует для вашего сайта.

• Удалить метаданные . Плагин указывает, что это «удалит все метаданные: EXIF, комментарии, цветовые профили и все, что не является данными пикселей» .
• Включить ленивый Загрузите свои изображения. Это означает, что они будут загружаться только после того, как появятся на экране посетителя при прокрутке.
• Преобразование WebP . WebP — это матричный формат изображения, предложенный Google. Он сжимает изображения даже больше, чем JPG или PNG, без потери качества. К вашему сведению, WordPress изначально поддерживает этот формат, начиная с версии 5.8. Плагин предупреждает вас об одном важном моменте: преобразование в формат WebP увеличит ваши потребности в хранилище.
  Рекомендуется использовать Easy IO, CDN ( сеть доставки контента ), предлагаемую EWWW Image Optimizer только в версии Pro.
• Измените размер ширины и высоты уже загруженных изображений.
• Получите доступ к документации и поддержке с панели управления WordPress.

Для начала вы можете использовать настройки по умолчанию. Вы сможете изменить их позже в любое время. Нажмите «Сохранить настройки», чтобы продолжить:

И все, все готово. EWWW Image Optimizer настроен и готов к работе!

Плагин говорит, что новые загрузки будут оптимизированы автоматически. Так что расслабьтесь и расслабьтесь: плагин все сделает за вас.

Что предлагает инструментальная панель EWWW Image Optimizer?

Когда все ваши настройки настроены, EWWW Image Optimizer перенаправляет вас на свою панель инструментов, которую можно разделить на две части.

В верхней части страницы вставка показывает вам:

• Показатель оптимизации ваших изображений (40% в моем случае). Также предлагаются рекомендации по улучшению этого показателя.
• Местная компрессионная экономия (248,39 КО). Если вы перейдете в свою медиатеку, у вас будет обзор оптимизации для каждого файла. Например, изображение кота уменьшилось на 7,7%, потеря 56,8 Кб.

Остальная часть страницы предлагает 3 вкладки:

• Basic позволяет вам вносить изменения по вашему выбору, например, в отношении отложенной загрузки, изменения размера ваших изображений или преобразования WebP.
• Служба поддержки предлагает варианты отладки или исправления вашего сайта. Вы найдете, например, ссылку на документацию и еще одну, чтобы напрямую связаться со службой поддержки, даже в бесплатной версии (!).
• Contribute предлагает вам возможность внести свой вклад в улучшение плагина, например, разрешив отслеживание его использования или переведя его.

Итак, это все? Нет, EWWW Image Optimizer также предлагает еще одну удобную опцию. Узнайте об этом в следующей части.

Как массово оптимизировать изображения с помощью EWWW Image Optimizer?

Массовая оптимизация заключается в оптимизации веса ваших изображений за один раз с одной и той же страницы.

Чтобы воспользоваться этим преимуществом, перейдите в Медиа > Массовая оптимизация . Нажмите на кнопку «Анализ неоптимизированных изображений», и плагин определит изображения, которые заслуживают обработки.

К вашему сведению, EWWW Image Optimizer сканирует изображения в вашей медиатеке, а также изображения в вашей теме, а также «аватары BuddyPress, изображения BuddyPress Activity Plus, слайды Meta Slider, аватары WP Symposium Pro, вложения GD bbPress, галереи Grand Media и любые другая указанная пользователем папка» .

Пусть плагин работает в фоновом режиме, и через несколько секунд все будет готово.

Теперь вы знаете, как работает EWWW Image Optimizer. Бесплатная версия кажется ограниченной? Плагин имеет премиальное предложение, которое описано в следующем разделе.

Сколько стоит EWWW Image Optimizer?

EWWW Image Optimizer основан на условно-бесплатной модели. С одной стороны, вы можете пользоваться бесплатным плагином, который можно активировать с панели управления WordPress.

Он отвечает основной потребности (уменьшение веса ваших изображений) и достаточен для начала.

Чтобы пойти дальше, Шейн Бишоп, американский разработчик плагина, предлагает премиальный пакет, состоящий из 3 плагинов:

1. Easy Image Optimizer: это CDN, используемый в бесплатном плагине для автоматического сжатия изображений.
   Кроме того, он также уменьшает ваши файлы CSS и JavaScript, чтобы уменьшить вес ваших страниц.
2. Compress API : благодаря этому оптимизация ваших изображений будет еще более продвинутой (большее уменьшение их веса). Вы также можете хранить свои изображения на серверах EWWW в течение 30 дней.
3. SWIS-производительность . Этот плагин представляет собой набор инструментов, который предлагает кэширование ваших страниц, оптимизацию ваших шрифтов Google или минимизацию ваших файлов CSS и JavaScript.

Всего предлагается 3 лицензии по цене от 7 долларов в месяц за использование на 1 сайте до 25 долларов в месяц за неограниченное использование .

Чем дороже лицензия, тем больше возможностей и пропускной способности вы получаете. Каждая лицензия предлагает бесплатную 7-дневную пробную версию, и вы получите два месяца бесплатно, если заплатите за год вперед.

Обратите внимание, что вы также можете приобрести каждый плагин по отдельности по следующим тарифам: от 5 долларов в месяц за Easy Image Optimizer, 3 доллара в месяц за 1500 кредитов на изображения для Compress API и от 30 долларов в год за SWIS Performance.

Присоединяйтесь к подписчикам WPMarmite

Получите последние сообщения WPMarmite (а также эксклюзивные ресурсы).

ПОДПИШИСЬ СЕЙЧАС

Какие еще плагины доступны для оптимизации ваших изображений?

С самого начала этой статьи я упоминал EWWW Image Optimizer. Каким бы эффективным он ни был, он не единственный на рынке.

Я также упомянул Imagify и Smush, но существуют и другие альтернативы, такие как:

• ShortPixel
• Оптимоле
• reSmush.it
• Робин оптимизатор изображений
• WP Сжатие
• TinyPNG (этот инструмент, о котором я упоминал ранее, также предлагает этот плагин)

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

• Проверьте максимальный размер оптимизируемых файлов и накладываемые ограничения.
• Взгляните на предлагаемые варианты, чтобы найти плагин, который действительно соответствует вашим потребностям. Например, возможность массовой оптимизации часто приветствуется.
• Обратите внимание на интерфейс : насколько это возможно, он должен быть простым в использовании.
• Проверьте типы файлов, которые поддерживаются для сжатия ваших изображений. Должны быть включены как минимум следующие классические форматы: JPEG, PNG, GIF, PDF, WebP и даже SVG.
• Узнайте, какие форматы сжатия используются рассматриваемым плагином. Наиболее распространенные форматы плагинов — с потерями и без потерь. При сжатии с потерями изображение несколько теряет в качестве, но уменьшение размера изображения больше, чем при сжатии без потерь.

Теперь без всяких переходов составим оценку после этого теста плагина EWWW Image Optimizer.

Наше окончательное мнение о EWWW Image Optimizer

Преимущества плагина

• Плагин очень прост в настройке и использовании. После нескольких базовых настроек все происходит автоматически.
• Отсутствие ограничения размера (или почти) для оптимизации изображений.
• Бесплатная поддержка по электронной почте для всех пользователей.
• Опция массовой оптимизации ваших изображений очень удобна, чтобы избежать обработки по одному… и сэкономить много времени.
• Возможность активировать отложенную загрузку ваших изображений даже в бесплатной версии.

Недостатки плагина

• EWWW использует много памяти , так как работает на вашем собственном сервере. Если у вас много изображений для оптимизации и низкоэффективное предложение хостинга, оно может застрять.
• Интерфейс не самый привлекательный на рынке , особенно если сравнивать его, например, с тем, что предлагает Imagify.
• Отсутствие ясности в премиальных предложениях . EWWW Image Optimizer в первую очередь продвигает свои объединенные лицензии (включая 3 плагина), но вы также можете получить каждую лицензию по отдельности. Только вот для этого надо открыть глаза.

Для кого предназначен EWWW Image Optimizer?

EWWW Image Optimizer подходит для всех, кто просто хочет оптимизировать вес своих изображений.

Простота использования делает его естественным выбором для новичков в WordPress .

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

Загрузите оптимизатор изображений EWWW:

Лично я нашел плагин эффективным и практичным, но он не самый эффективный для уменьшения веса ваших фотографий (по крайней мере, в его бесплатной версии).

Imagify, представленный в блоге WPMarmite, например, добился усиления сжатия до 85% (по сравнению с максимальным значением менее 30% с EWWW Image Optimizer в этом тесте).

С другой стороны, его бесплатная квота ограничена 20 МБ в месяц, что является реальным недостатком по сравнению с EWWW Image Optimizer.

Наконец, если вы хотите оптимизировать время загрузки вашего сайта WordPress, выберите премиальный плагин WP Rocket (партнерская ссылка). Этот очень простой в использовании плагин кеша — он буквально работает, как только вы его активируете — также позволяет вам оптимизировать ваши файлы, вашу базу данных и даже ваши медиафайлы.

Что вы думаете о EWWW Image Optimizer? Он уже активен на вашем сайте? Дайте нам свое мнение, оставив комментарий.