Оптимизация изображений на сайте

Drupal
Оптимизация
  1. Выводим изображения примерно такого же размера сколько нам необходимо.
  2. Для Друпал 7, устанавливаем модуль сжатия стилей и js AdvAgg, тестируем скорость при каждом изменении настроек
  3. Воспользуемся статьей у Niklan
  4. Ставим модуль Image Optimize и воспользуемся его документацией

Кратко о настройке ImageOptimize 

  • Ставим на сервер optipng, pngout, jpegtran, jpegoptim 
  • В настройках указываем путь до приложений
  • Подключаемся к серверу по SSH, добираемся до папки с сайтом и прогоним все наши изображения

Для Друпал 8 версии, обязательно воспользуемся модулем ResponsiveImage, модуль интегрируем возможности тега picture, подробнее тут.

find -name '*.png' -print0 | xargs -0 optipng -nc -nb -o7
find . -iname "*.png" -exec pngout {} \;
find -type f -name "*.jpg" -exec jpegoptim --max=75 --strip-all {} \; //--max=75 принудительное сжатие с потерями
find . -type f -name "*.jpg" -o -name "*.JPG" | xargs jpegoptim -f --strip-all

Так же не будет лишним обратить внимание на утилиту по названием Pngquant. Эта очень "мощная" утилита которая может сжать png файлы до 70%, подробности по ссылке.
Ниже команда для рекурсивного сжатия png файлов.

find . -name '*.png' -exec pngquant --speed=1 --ext .png --force 256 {} \;