Автоматическое сжатие изображений по запросу Pull

Новое действие GitHub от Calibre позволяет автоматически сжимать растровые изображения с минимальной настройкой. Никогда больше не отправляйте неоптимизированную графику.

Понимание влияния изображений

Согласно архиву HTTP, размер передачи запрошенных изображений вырос на целых 52% на рабочем столе и 82% на мобильном телефоне только за последний год . Нравится нам это или нет, но образы здесь надолго. Мы используем их, чтобы помочь в изображении наших брендов, визуализировать обмен сообщениями, запускать розничные магазины и многое другое.

Поскольку более половины медианного веса страницы приходится на изображения,крайне важно обеспечить надлежащую оптимизацию и быстрое обслуживание носителей. Мы не только хотим избежать дальнейшего раздувания страницы, но и обеспечить, чтобы наши клиенты не были представлены непреднамеренно пустыми местами или не истощали их распределение данных с массовыми загрузками.

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

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

К счастью, с помощью действий GitHub теперь можно запускать различные рабочие процессы непосредственно там, где живет ваш код. Действия позволяют внедрить широкий спектр быстродействующей инструментальной оснастки.

Добавьте автоматическое сжатие изображений в ваши запросы на вытягивание

Поскольку это миссия Calibre, чтобы сделать веб быстрее, мы создали свободно доступное действие GitHub, которое автоматически оптимизирует изображения в ваших запросах Pull.

Действие использует наиболее эффективные, без потерь библиотеки сжатия-mozjpeg и libvips, которые работают с PNGs и JPGs. Что хорошо встраивать шаг сжатия непосредственно в платформу разработчика (или CI), а не в локальные среды разработки (или полагаться на инструменты перетаскивания), так это то, что ни одно изображение не может попасть в рабочую среду без сжатия. Это позволяет всем участникам с базовыми знаниями о GitHub обновлять изображения без введения регрессии производительности и экономит время каждого.

Вы можете добавить автоматическое сжатие изображений в свои репозитории непосредственно из

GitHub Action Marketplace

.

Не забывайте о

постоянном отслеживании производительности ваших сайтов

.

Если вы фокусируетесь на том, чтобы уменьшить вызванную изображением медлительность, обратите особое внимание на ваш балл производительности Lighthouse, размер передаваемого изображения и первую содержательную краску.