Оптимизация изображений под Google Pagespeed Insights

Google Pagespeed Insights — инструмент для анализа скорость загрузки сайта. Результаты его проверки показывают, что что можно улучшить на сайте, чтобы ускорить его загрузку.

Одна из ключевых проверок Google Pagespeed Insights - оптимизированы ли изображения на проверяемой странице. Более простым языком - сжаты ли изображения.

Почему именно оптимизация изображений важна для Google Pagespeed Insights?

Страница сайта обычно состоит из:

• html кода (текст и разметка страницы).
• javascript файлов (логика, выполняемая на стороне браузера).
• css стилей
• изображений

Если посмотреть статистику, то именно изображения на странице занимают больший объем данных (в байтах).

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

Что такое оптимизация изображений?

Оптимизация (сжатие) изображения - это такая обработка изображения, в результате которой вес файла (в байтах) сокращается, при этом внешний вид картинки и качество изображения визуально не изменяются.

Принцип оптимизации изображений - "упростить" цвета на изображении (к примеру, объединить похожие), а также удалить служебную информацию (geo-данные, модель фотокамеры и т.п.).

Как наиболее просто оптимизировать все изображения на сайте?

Наш сервис OptiPic — простой инструмент для оптимизации изображений под Google Pagespeed Insights. Он работает в автоматическом режиме - достаточно лишь 1 раз подключить свой сайт к сервису. Подключение очень простое - занимает буквально пару минут.