Оптимизация картинок и графики на сайте и сервере с помощью скрипта

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

Этот способ работает с помощью скрипта zImageOptimizer.sh, он позволяет оптимизировать сразу все сайты на вашем аккаунте. Вам для его запуска понадобится ssh доступ и разрешение на установку скриптов. Скрипт написан на bash, его легко установить следующей командой:

$ curl -O https://raw.githubusercontent.com/zevilz/zImageOptimizer/master/zImageOptimizer.sh
$ chmod +x zImageOptimizer.sh
$ ./zImageOptimizer.sh -c

1. Закачает сам скрипт
2. Даст права скрипту
3. Запустит проверку установленных расширений для оптимизации

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

Checking tools…
jpegoptim…[FOUND]
jpegtran…[FOUND]
djpeg…[FOUND]
cjpeg…[FOUND]
pngcrush…[FOUND]
optipng…[FOUND]
pngout…[FOUND]
advpng…[FOUND]
gifsicle…[FOUND]

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

./zImageOptimizer.sh -p var/www/user/data/www

Это команда на уровне сервера, если у вас другой путь, обязательно стоит его изменить. А вот такой результат появится после завершения обработки

Input: 12.7Mb
Output: 10.3Mb
You save: 2.4Mb / 18.97%
Optimized/Total: 210 / 350 files
Total optimizing time: 20 minutes and 13 seconds

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

Надеюсь вам этот скрипт пригодится, а если у вас есть более лучшие решения или какие то вопросы – пишите в комментариях, я помогаю и с радостью услышу ваше мнение. Да кстати этот скрипт для большой обработки рекомендую, а для сайта на WordPress желательно ставить плагин подхватывающий на лету картинки при загрузке, это когда уже все оптимизированно. Если вам что то неясно и вы хотели бы заказать установку и оптимизацию графики: можете написать в контактах, я делаю такие работы.

ОСТАВЬТЕ ОТВЕТ

Пожалуйста, введите ваш комментарий!
пожалуйста, введите ваше имя здесь

+ 65 = 71

OK2WEB
OK2WEB
Более 12 лет занимаюсь разработкой и продвижением сайтов. Городские порталы, информационные и новостные сайты. Сейчас в основном разрабатываю интернет магазины и коммерческие сайты. Если у вас есть вопросы пишите, стараюсь оперативно ответить и помочь.

Обновление Woodmart 6.1.3 что вышло нового: обзор всех изменений

Улучшение функционала и возможностей WoodMart WordPress продолжается и было выпущено новое значительное обновление 6.1. Основное направление сейчас - оптимизация как с точки зрения скорости, так и с точки зрения удобства пользователей. Много также изменений некоторых настроек темы, чтобы помочь людям находить некоторые настройки и...

Обзор визуального конструктора WordPress Zion Builder, легкий и пока бесполезный

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

Быстрые покупки на Woocommerce – плагин Экспресс шоп, продажа товаров с 1 страницы

Express Shop - это надстройка WooCommerce для отображения всех продуктов на одной странице с помощью кнопки AJAX «Добавить в корзину». Покупатели могут быстро отфильтровать товары и ускорить процесс покупки. Функции включают в себя несколько шаблонов стилей , загружать больше, бесконечную прокрутку, быструю плавающую корзину,...

Как убрать вкладки на странице товаров Woocommerce (вариант Амазона без табов)

Если вам нравится макет страницы одного продукта Amazon, вам, вероятно, не нравится макет вкладок страницы одного продукта WooCommerce по умолчанию. В этом разделе по умолчанию отображаются «Описание», «Обзоры», «Дополнительная информация» и другое настраиваемое содержимое… в виде вкладок под изображением и кратким описанием. К счастью, есть очень...

Аналог Contact Form 7 – настройка и описание премиум плагина Form Builder

Начну с того почему я всегда использую аналог Contact Form 7 плагина для Wordpress и не рекомендую использовать этот плагин. Слишком большое распространение и бесплатность сыграли злую шутку с сайтами где этот плагин установлен. На него написано много инструментов автоматического спама. Вы еще не...

Структура базы данных WooCommerce: хранение данных, где что находится

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