Оптимизация изображений для Google Page Speed
Шамиль Дашапылов, CEO
🚀 Оптимизация изображений для сайта - просто и эффективно
Привет! Сегодня делимся простым и полезным способом, как оптимизировать изображения на сервере, чтобы сайт работал быстрее, а Google PageSpeed радовал высокими оценками.
🔧 Что понадобится?
Для начала установим две утилиты на ваш VPS-сервер:
- jpegoptim - оптимизация JPEG и JPG;
- optipng - оптимизация PNG.
На Ubuntu и Debian достаточно выполнить команду:
sudo apt install jpegoptim optipng
⚙️ Команды для оптимизации
Перейдите в корень вашего сайта и выполните поочередно:
find . -type f \( -name "*.jpeg" -or -name "*.jpg" \) -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