WEBP&Image Compression – автосжатие изображений в WordPress

Вы уверены, что ваш сайт загружается максимально быстро? Почти всегда можно найти массу проблем, устранив которые вы повысите скорость загрузки своего веб-сайта в несколько раз. Для того, чтобы отыскать все проблемы, нужно обратиться к специалистам в этой области. Мы же поможем разобраться с одним из аспектов оптимизации сайта. Это – сжатие изображений. Изображения – это почти неотъемлемая часть любого веб-сайта. Картинки могут использоваться на фоне сайта, в галереях, слайдерах, а иногда – в иконках. Важно даже не это. Важнее всего то, что часто картинки весят очень много, из-за чего они сильно увеличивают время загрузки сайта. Для того, чтобы пользователи не покидали сайт раньше времени, многие разработчики догадываются поставить экран предварительной загрузки на свои сайта. Вы тоже можете использовать прелоадеры, но лучше решить саму проблему, а не бороться с ее последствиями. Наша проблема – большой вес изображений. И здесь выход только один – сжатие картинок. Сжимать все картинки вручную – это та еще морока. Да и зачем все делать самостоятельно, когда уже давно существует масса расширений для оптимизации картинок на сайте? Именно об одном из таких дополнений мы вам и расскажем. Это плагин для автоматического сжатия изображений на сайте – WEBP&Image Compression.


Ваш сайт будет летать

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

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

Чтобы этого избежать есть некоторые способы, которые позволяют немного удержать пользователя или увеличить скорость загрузки. Есть много способов. Об одном из них мы говорили выше – это установка прелоадера. Экран предварительной загрузки будет перекрывать страницу, пока сайт загружается. На экране можно поместить какую-нибудь анимацию. Прелоадер скроет все изменения страницы во время загрузки – скачки блоков, изменение шрифтов и т.д. Также есть способ, который позволяет уменьшить время на загрузку сайта – отложенная загрузка изображений. Суть метода заключается в том, что картинки начинают загружаться только тогда, когда пользователь доходит до них. Это тоже неплохой способ, но мы пойдем дальше.

Расширение WEBP&Image Compression появилось 8 августа 2020 года. Этот плагин создавался для автоматической конвертации изображений и уменьшения их размера. Дополнение может конвертировать все картинки на сайте в формат WebP. Это такой формат, который позволяет сохранить качество изображений, при этом уменьшая их вес. Также дополнение хорошо сжимает IMG. Для этого оно использует бесплатный API. Это сэкономит место на сервере и повысит скорость загрузки сайта.

Вообще у расширения немало особенностей. Мы выделили некоторые их них и выписали в этом списке:

  • некоторые расширения позволяют сжимать ограниченное количество изображений. С WEBP&Image Compression вы можете сжимать неограниченное количество картинок на своем веб-сайте;
  • резервная копия. Если вы сильно переживаете за результат сжатия, то перед оптимизацией можно сделать резервную копию. Она позволит вернуть все на свои места, если результат вам не понравится;
  • конвертация в WebP происходит независимо от сервера. Некоторые сервера не поддерживают преобразование WebP. Несмотря на это, вы можете конвертировать изображения в этот формат с помощью внутреннего API дополнения;
  • после установки плагина вам не придется постоянно самостоятельно запускать сжатие картинок. Дополнение в автоматическом режиме будет оптимизировать все изображения, которые будут загружены в будущем;
  • сжатие без потери качества. При сжатии часто появляется такая проблема, что качество картинки снижается. При сжатии с помощью WEBP&Image Compression качество изображений не падает.

В целом, все преимущества использования этого плагина вы увидите только тогда, когда начнете пользоваться им. Разработчики расширения действительно предусмотрели почти все важные моменты при оптимизации картинок. Поэтому можно сказать, что плагин точно не вызовет проблем у вас на сайте. Теперь разберем подробнее все плюсы и минусы этого дополнения (да, у WEBP&Image Compression также есть некоторые недостатки).

Полезно: оптимизация картинок и ссылок на сайте WordPress

Конвертация в WebP

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

WebP появился еще в 2010 году. Он был создан разработчиками Google в качестве альтернативы популярным на тот момент png и jpg. Сам формат позволяет публиковать на сайте изображения в высоком качестве, но при этом такие картинки весят во много раз меньше. Например, возьмем две абсолютно одинаковые картинки. Одна – в формате jpeg, а другая – в WebP. Внешне они выглядят одинаково, как по цветопередаче, так и по качеству. Теперь взглянем на их размер. Первая (jpeg) весит целых 90 кб, а вторая – всего 37 кб. Разница почти в три раза. Посмотреть сам пример вы можете на странице дополнения, откуда он и был взят. Также если верить статистике, количество изображений с потерями качества при сжатии у WebP меньше, чем у JPG на 30%. Теперь вы понимаете, почему этот формат гораздо лучше, чем другие.

Расширение в автоматическом режиме конвертирует все картинки. К слову, не все сервера поддерживают преобразование изображений. Для многих пользователей это может стать достаточно крупной проблемой. Но только не для покупателей WEBP&Image Compression. Это дополнение использует встроенный API. Именно он позволяет делать преобразование всех картинок, не заботясь о том, поддерживает сервер конвертацию или нет.

Создание резервной копии

Резервные копии – это то, что вы обязательно должны создавать при работе с сайтом. Начиная с настройки своей темы нужно создавать резервную копию сайта. Случайная ошибка, сбои интернета или, что хуже всего, вирус – все это может уничтожить все, что вы создавали часами. Причем, чаще всего, приходится все начинать с нуля. Если при работе с темой вы можете скачать отдельно расширение для автоматического создания резервных копий, то с WEBP&Image Compression все работает немного по-другому.

Когда работа ведется над изображениями, а не над контентом сайта, нужно создавать резервные копии самих изображений. Для чего? Пользуясь плагином, вы будете пробовать и тестировать различные настройки и параметры. Что-то будет не получаться, иногда вам будут непонятны настройки дополнения или некоторые аспекты его работы. Например, можно неправильно настроить параметры качества изображений и качество картинок на сайте будет ниже, чем вы ожидали. Чтобы это можно было исправить, разработчики добавили функцию создания резервной копии всех картинок. Сначала вы создаете резервную копию всех изображений, а затем уже можно спокойно пробовать функции плагина, оптимизировать сайт и т.д.

Полезно: как работать с медиафайлами ВордПресс

Улучшение результатов по трем сервисам проверки скорости

При проверке скорости сайта чаще всего используют три различных сервиса. Это Google Page Speed, Pingdom и GTmetrix. Если они покажут высокие балы, то это значит, что сайт достаточно быстро загружается. Поэтому важно проверять, скорость загрузки сайта через эти сервисы. Например, если посмотреть на некоторые шаблоны в интернете, то их разработчики иногда показывают результаты проверок через эти сервисы. Потому что высокая оценка означает, что сайт хорошо оптимизирован и будет ранжироваться поисковыми системами. Чем больше сайт ранжируется, тем больше у вас будет посетителей.

Экономия дискового пространства на сервере

Количество места на сервере также очень важно. Если вы не умеете распоряжаться количеством места на сервере, то это может вызвать немало проблем. Если вы загружаете на сервер объемные картинки, то это может занять очень много места и при расширении сайта просто не будет места для нового контента. Поэтому нужно позаботиться о том, чтобы экономить дисковое пространство. Один из способов сделать это – сжать все изображения. Некоторые изображения могут весить не по 90 кб, а по 1 мб и выше. Если на сайте используется 10-20 картинок, то это уже замедлять сайт. А что если у вас крупный веб-сайт или даже интернет-магазин, где количество картинок просто очень большое (на один товар может приходиться в среднем около 4-5 изображений)? Здесь речь может идти уже о гигабайтах изображений. Разумеется, это все можно оптимизировать. Для этого вам просто достаточно настроить расширение и запустить оптимизацию картинок. Таким образом, вы не только повысите скорость загрузки, но и сэкономите немало места на сервере.

Полезно: максимально ускоряем загрузку сайта на движке WordPress в 2021

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

Как и любые другие расширения, WEBP&Image Compression также имеет свои недостатки. Разумеется, этого в принципе нельзя избежать. Создание плагина – само по себе непростое дело. Поэтому разработчики все же допустили некоторые ошибки. Об этих ошибках написал один из пользователей дополнения. Разработчики быстро ответили на его комментарий и прояснили всю ситуацию. В этом блоке мы разберем основные недостатки и что ответили на них разработчики.

Проблема 1: медленное сжатие изображений. “У меня было три гигабайта картинок на сайте. Я очень долго ждал, когда он плагин все сконвертирует. Проблема в том, что пока дополнение преобразует все изображения, нужно оставаться на странице. К слову, здесь также есть один плюс – вы всегда можете начать с того места, на котором остановились. Также можно настроить фоновую обработку картинок. Таким образом, вы можете даже перезагружать страницу, а расширение продолжит свою работу. Если у вас на сайте одна-две сотни изображений, то расширение хорошо подойдет для него”.

Ответ разработчиков: “Изначально мы разрабатывали дополнение для больших сайтов. Первичная обработка действительно может длиться достаточно долго, но результат стоит своих ожиданий. Также плагин работает, учитывая особенности сервера, на котором работает сайт. Поэтому иногда приходится немного подождать”.

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

Ответ разработчиков: “Расширение никаким образом не влияет на то, как быстро загружаются изображения на вашем сайте. Картинки обслуживаются вашим сервером, а не нашим плагином. Поэтому проблема в вашем сервере, а не в дополнении. При добавлении нового изображения расширение начинает его сжимать и поэтому придется немного подождать, но это только один раз”.

Проблема 3: Плохое сжатие. “Сжатие с помощью API этого дополнение работает даже хуже, чем другие онлайн-сервисы. Я даже выбрал одну картинку и решил сделать тест. В итоге плагин сжал ее до 58кб, а сторонний сервис – до 38 кб”.

Ответ разработчиков: “Объем изображения зависит от того качества, которое вы выбрали при сжатии. Мы проводили много тестов бесплатных сервисов и выбрали для нашего дополнение лучший API. Если вам понравился другой сервис или вы нашли лучше, то, может быть, вы правы. Но перед этим попробуйте выбрать более низкое качество изображения при сжатии”.

Проблема 4: Выборочное конвертирование. “Самое ужасное в этом дополнении то, что оно конвертирует далеко не все изображения. По моим наблюдениям плагин преобразует изображения только при включенной опции конвертирования будущих изображений. И при загрузке картинок на сервер он просто создает копии разных размеров, ничего не конвертируя и не удаляя”.

Ответ разработчиков: “Наш модуль преобразует все изображения, а не только основные. Скорее всего, у вас просто произошел какой-то сбой. Поэтому напишите нам в поддержку, и мы будет вместе с вами решать эту проблему”.

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

Полезно: что такое gzip сжатие и как его использовать в WordPress

Без каких-либо доплат

Здесь мы разберем два важных вопроса – использование дополнения на нескольких сайтах и доплаты за использование. Многие пользователи расширения возмущались из-за того, что WEBP&Image Compression можно использовать только на одном сайте. Действительно, вы получаете лицензионный ключ, который можно использовать только для одного сайта. Для работы плагин использует возможности сервера разработчиков. Поэтому было бы не справедливо, если бы пользователи могли покупать расширение один раз и потом делиться им с другими.

Теперь касательно дополнительных затрат. Возможно, еще есть недобросовестные разработчики, которые делают ограничения на количество обрабатываемых изображений. Но это не работает при использовании WEBP&Image Compression. Покупая это дополнение, вы платите только один раз. Дальше можно обрабатывать любое количество картинок – дополнительных плат не будет.

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

К слову, качество обработки также не будет снижаться, даже если вы обработаете десятки тысяч изображений.

Как можно узнать качество изображения для сжатия

При настройке параметров сжатия изображений у вас могут возникнуть некоторые проблемы. Например, вы можете просто не знать о том, какое качество выбрать. Для того, чтобы подобрать подходящее качество, можно просто воспользоваться встроенным инструментом от разработчиков дополнения. Этот инструмент позволяет выбирать качество сжатия и сразу просматривать результат. Также можно сравнивать качество изображений, чтобы потом выбрать подходящее и сжать все картинки.

А что вообще говорят покупатели?

Мы с вами посмотрели мнение одного пользователя. В нем были показаны проблемы, которые могут возникнуть и что на это отвечают разработчики. Как выяснилось, тот пользователь мог просто обратиться к разработчикам за помощью, а не сразу делать выводы. Средний рейтинг расширения – 4,5 звезды. Разумеется, эта оценка подтверждается положительными отзывами. Мы покажем вам пару отзывов, которые оставили покупатели: “Плагин очень хорошо работает. В целом, он действительно делает именно то, что сказано в описании. Также я не могу не отметить работу команды поддержки. Ребята работают действительно очень хорошо. Поддержка быстро реагирует на запросы и предлагает правильные и эффективные решения. Я рекомендую всем это дополнение”, “Это очень хороший и простой в использовании плагин. Расширение действительно сделало мой веб-сайт значительно быстрее. Служба поддержки работает очень быстро. Лично мне сотрудники ответили не дольше, чем за 10 минут после моего запроса. Это похвально и дополнение заслуживает 5 звезд”.

Как мы видим, многие пользователи довольны своим опытом работы с дополнением. Также стоит отметить, что негативные отзывы покупатели оставляют гораздо чаще, чем положительные.

Полезно: как ускорить загрузку WordPress

Стоимость

Дополнение можно приобрести за 18 долларов. Теперь подумаем о рациональной стороне вопроса – оно действительно стоит своих денег? Если поразмыслить, то можно сказать, что плагин не только стоит своих денег. Расширение вполне способно не только окупить свою стоимость, но и увеличить доход. Все зависит от того, как вы ведете свой сайт. Больше всего плагин подходит для интернет-магазинов. Дополнение полностью совместимо с WooCommerce, а это значит, что вы можете полноценно его использовать для работы в интернет-магазина. В таких сайтах больше всего картинок. Никто не будет покупать товар, если не знает, как он выглядит. Вот и получается, что к каждому товару нужно добавить по несколько изображений и при этом не снизить скорость загрузки веб-сайта. Здесь как раз пригодится WEBP&Image Compression. Плагин в автоматическом режиме оптимизирует все изображения товаров. Тем самым он освободит немало места на сервере и увеличит скорость загрузки веб-сайта. А если сайт загружается быстро, шанс того, что посетитель покинет его, станет меньше. Это уже повысит конверсию и увеличит количество продаж.

Да, при работе с расширением могут возникнуть трудности. Но, как сказано в отзывах, поддержка исправит любые проблемы. К слову, служба поддержки будет помогать вам в течение 6 месяцев со дня покупки дополнения. Этого времени вполне достаточно для того, чтобы разобраться со всеми трудностями и устранить любые ошибки.

Заключение

Можно вручную обрабатывать изображения на веб-сайте через различные сервисы. А можно просто приобрести расширение для этого и забыть о том, что значит ручная обработка. Дополнение доступно почти каждому, а при грамотном использовании оно быстро окупит себя. Поэтому если у вас блог, интернет-магазин или просто крупный сайт, который нужно оптимизировать, то смело приобретайте WEBP&Image Compression. Нет, мы не пытаемся склонить вас к покупке плагина. Расширение поможет, если у вас крупный сайт. Разработчики сами говорили о том, что они разрабатывали дополнение именно для больших веб-сайтов. Соответственно, если сайт не очень объемный, то можно обойтись и простыми сервисами или обработать все картинки самостоятельно (это сработает на визитках или небольших сайтах-портфолио).