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

Один из важных показателей оптимизации сайта, это показатели поисковых и других сервисов по скорости работы сайта и техническим параметрам. Их целый список, но зачастую 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 желательно ставить плагин подхватывающий на лету картинки при загрузке, это когда уже все оптимизированно. Если вам что то неясно и вы хотели бы заказать установку и оптимизацию графики: можете написать в контактах, я делаю такие работы.

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

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

СЕГОДНЯ ЧИТАЮТ

Новая сборка OKWP WordPress 1.9.4 для информационных сайтов

Много прошло времени, с момента последнего выхода сборки OkWP Wordpress. За это время я перебрал несколько вариантов сборки, что то добавлялось, что убирал. На...

Simple Masonry Gallery простой плагин для организации галереи Masonry на сайте

Добавьте эффект Masonry к изображению. Поддерживает блок и шорткод. Добавьте эффект к изображениям, вставляемым в запись WordPress, пользовательские записи и страницы. Добавляет эффект в...

Универсальный публикатор UPDS – основное описание

Универсальный публикатор — это инструмент для сайтов на системе Instantcms, Wordpress, который позволяет создавать необходимый контент на сайте с помощью парсинга. Для системы InstantCMS...

Важность оформления и правильной подачи страницы “О нас” в интернет магазине

Если у вас есть машина, у вас почти наверняка есть руль. Если у вас есть веб-сайт, возможно, у вас есть страница «О нас». Но вы действительно...

18 лучших расширений Google Chrome для WordPress и web разработчика сайтов

Вы ищете наиболее полезные расширения WordPress Chrome, чтобы сделать ваш сайт более функциональным и привлекательным? Взгляните на наш список лучших дополнений Chrome для использования! Что может...

Руководство для начинающих по Elementor Page Builder, от запуска до начала работы

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

ПОХОЖИЕ МАТЕРИАЛЫ

Хак Woocommerce для отображения цену в руб и грв

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

BulletProof Security плагин WordPress: безопасность, сканер, файрвол

Защита безопасности сайта на WordPress: Сканер вредоносного кода, Файрвол, защита формы авторизации, создание резервных копий базы данных, анти-спам и многое другое. Смотрите раздел Основные...

BuddyPress плагин для создания социальной сети на WordPress (профили, группы)

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

Age Gate плагин WordPress для создания ограничения по возрасту при входу на сайт

Существует много применения для ограничения контента по возрасту, такие как трейлеры фильмов, алкоголь или другие «взрослые» темы. Данный плагин позволяет установить возрастное ограничение на...

Simple Masonry Gallery простой плагин для организации галереи Masonry на сайте

Добавьте эффект Masonry к изображению. Поддерживает блок и шорткод. Добавьте эффект к изображениям, вставляемым в запись WordPress, пользовательские записи и страницы. Добавляет эффект в...

Direct Checkout for WooCommerce плагин для оптимизации оформления товаров Woocommerce

WooCommerce Direct Checkout - это плагин, позволяющий сократить количество шагов в процессе оформления заказа Woocommerce. Вы можете упростить процесс оформления заказа, пропустив страницу корзины...