Оптимизация изображений для Google Page Speed
Шамиль Дашапылов, CEO
🚀 Оптимизация изображений для сайта — просто и эффективно
Привет! Сегодня делимся простым и полезным способом, как оптимизировать изображения на сервере, чтобы сайт работал быстрее, а Google PageSpeed радовал высокими оценками.
🔧 Что понадобится?
Для начала установим две утилиты на ваш VPS-сервер:
- jpegoptim — оптимизация JPEG и JPG;
- optipng — оптимизация PNG.
На Ubuntu и Debian достаточно выполнить команду:
sudo apt install jpegoptim optipng
⚙️ Команды для оптимизации
Перейдите в корень вашего сайта и выполните поочередно:
find . -type f $begin:math:text$ -name "*.jpeg" -or -name "*.jpg" $end:math:text$ -exec jpegoptim --strip-all {} \;
find . -type f -name "*.png" -exec optipng -strip all {} \;
Что делают эти команды:
- 🔍 Первая ищет все файлы .jpeg и .jpg и оптимизирует их с помощью jpegoptim.
- 🔍 Вторая ищет все файлы .png и оптимизирует их через optipng.
Изображения очищаются от:
- EXIF-данных (информация о камере, геопозиции и прочем)
- лишних тегов
- метаданных.
⚡ При этом качество остаётся визуально неизменным, а вес картинок уменьшается.
Параметры команд подобраны так, чтобы обеспечить максимально быстрое выполнение с хорошей степенью сжатия и полным удовлетворением требований Google PageSpeed.
✅ На данный момент Google PageSpeed остаётся доволен изображениями на 100%.
🖼️ А что с загрузкой новых изображений?
Если вы загружаете изображения через редактор материалов — советуем использовать JCE Editor.
У него есть удобная функция — автоматическое удаление EXIF-данных из JPEG и PNG при загрузке изображений.
Это не даст 100% сжатия, но уже значительно улучшит качество загрузки изображений на сайт.
🎯 Итог
Быстрая оптимизация картинок прямо на сервере:
- Повышает скорость загрузки сайта.
- Улучшает оценки в Google PageSpeed.
- Снижает нагрузку на хостинг и экономит трафик.
💡 Хотите, чтобы ваш сайт работал быстро, уверенно и стабильно? Команда Aspire Agency всегда готова помочь с оптимизацией, настройкой и ускорением вашего проекта. Просто пишите нам — поможем 😉
Бонус: ⏰ Автоматизация через cron
1. Создадим скрипт для оптимизации изображений
Создайте файл, например:
/opt/image-optimize.sh
Содержимое файла:
#!/bin/bash
# Путь к корневой папке сайта
SITE_PATH="/var/www/html" # Замените на свой путь
# Логирование
LOG_FILE="/var/log/image-optimize.log"
echo "===== Оптимизация начата: $(date) =====" >> $LOG_FILE
# Оптимизация JPEG
find $SITE_PATH -type f \( -name "*.jpeg" -or -name "*.jpg" \) -exec jpegoptim --strip-all {} \; >> $LOG_FILE 2>&1
# Оптимизация PNG
find $SITE_PATH -type f -name "*.png" -exec optipng -strip all {} \; >> $LOG_FILE 2>&1
echo "===== Оптимизация завершена: $(date) =====" >> $LOG_FILE
echo "" >> $LOG_FILE
✅ Делаем файл исполняемым:
sudo chmod +x /opt/image-optimize.sh
2. Добавляем в cron
Выполните команду:
crontab -e
Добавьте строку, например, для ежедневного запуска в 3 часа ночи:
0 3 * * * /opt/image-optimize.sh
📌 Расшифровка cron-записи:
0 3 * * * — каждый день в 03:00 ночи
Можно настроить на любую частоту:
- Раз в неделю по воскресеньям в 2 ночи:
0 2 * * 0 /opt/image-optimize.sh
- Раз в 6 часов:
0 */6 * * * /opt/image-optimize.sh
Логи
Логи работы скрипта сохраняются в файл:
/var/log/image-optimize.log
Вы можете его посмотреть:
cat /var/log/image-optimize.log
Или выводить последние строки в реальном времени:
tail -f /var/log/image-optimize.log
🔥 Готово!
Теперь ваши изображения будут автоматически оптимизироваться без участия человека. Ваш сайт будет работать быстрее, а Google PageSpeed будет радовать зелёными зонами на скорости загрузки.
С уважением, Команда ASPIRE