Оптимизация изображений для 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

Другие новости

Как создать магазин на Webasyst Shop-Script (2025)

Выбираем тему дизайна, настраиваем магазин, наполняем товарами, запускаем продвижение

Читать

Язык разметки Markdown: шпаргалка по синтаксису с примерами

Markdown – это легкий язык разметки, который используется для форматирования текста. Он был создан с целью легкого преобразования текста в HTML. В этой шпаргалке рассмотрим основные элементы Markdown разметки.

Читать

Обсудим ваш проект?

Заполните форму и получите бесплатную консультацию по вашему проекту. Обсудим ваши задачи, цели и способы их достижения.

Адрес
г. Санкт-Петербург
Тележная 3А Офис 5
Телефон