← Speed / speed / optimization / images

Cloudflare Mirage (устарело)

Cloudflare Mirage была функцией оптимизации изображений для мобильных устройств, которая снижала расход трафика и ускоряла загрузку изображений при медленных мобильных соединениях и HTTP/1.

Принцип работы Mirage:

• Замена изображений миниатюрами с низким разрешением, объединёнными в один файл.
• Выступает в роли механизма отложенной загрузки, откладывая загрузку изображений более высокого разрешения до момента, когда они становятся видимыми.

Современные веб-стандарты и возможности браузеров развились настолько, что теперь нативно поддерживают многие функции Mirage:

• Нативная ленивая загрузка с помощью loading="lazy" HTML-атрибут.
• Адаптивные изображения с использованием srcset и <picture> (элементы).
• HTTP/2 и HTTP/3 обеспечивают более высокую производительность.
• Улучшение мобильных сетей снижает потребность в агрессивной оптимизации.

Вместо Mirage используйте:

• Polish - Оптимизирует изображения для всех браузеров, а не только для мобильных устройств, и сохраняет их в исходном разрешении.
• Image Resizing - В сочетании с loading="lazy" и srcset HTML-атрибуты и обеспечивает современную адаптивную доставку изображений.
• Руководство по ленивой загрузке - Узнайте, как реализовать нативную отложенную загрузку.
• Руководство по адаптивным изображениям - Создавайте изображения, которые адаптируются под разные устройства.