Лучший способ распределить загрузку изображений в html для разных устройств?

Question

[lavezzi1]

Ранее я уже задавал подобный вопрос, только про css. Ускорить загрузку картинок через css?

Сейчас же интересует можно ли проделать тоже самое только в html? с тегом img. img srcset. не подходит.

Answer 1

[Пётр Зубков]

Если надо ускорить загрузку:

1. CDN, например, Cloudflare + получите бесплатный SSL-сертификат (https).

2. Nginx перед апачем, для посетителей с узким каналом.

3. Оптимизация самих картинок через любые удобные инструменты. Я использую ImageOptim, в нём несколько инструментов из командной строки сразу.
Есть ещё optimizilla.com

4. Прогрессивный джипег: Конвертируется в фотошопе (при сохранении как jpg надо выбрать «Прогрессивный, 3») или в командной строке с помощью ImageMagick:

convert -strip -interlace Plane -quality 80 input-file.jpg output-file.jpg

Статья про ImageMagick на хабре

5. Включите Gzip сжатие, хотя оно мало поможет, ибо .jpg — уже сжатый формат.

6. PageSpeed Insights