lavezzi1
@lavezzi1

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

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

Сейчас же интересует можно ли проделать тоже самое только в html? с тегом img. img srcset. не подходит.
  • Вопрос задан
  • 325 просмотров
Пригласить эксперта
Ответы на вопрос 1
peterzubkoff
@peterzubkoff
Если надо ускорить загрузку:

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

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

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

4. Прогрессивный джипег: dfbd0a0544f9.jpg Конвертируется в фотошопе (при сохранении как jpg надо выбрать «Прогрессивный, 3») или в командной строке с помощью ImageMagick:
convert -strip -interlace Plane -quality 80 input-file.jpg output-file.jpg


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

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

6. PageSpeed Insights
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы