Как увеличить скорость загрузки сайта с большими фоновыми картинками?

Question

[Александр К]

Есть лендинг очень длинный, на каждой секции фоновая картинка хорошего качества. Получается, что пока не загрузятся все картинки они не отображаются. Как сделать, чтоб фоновые картинки подгружались постепенно?
сайт - demo1.zenmart.biz/vet

Comments

[Владимир Хаттер]

Проработайте мобильный вид. Верстка слетает.

Answer 1

[sivoyanope]

Картинку на другой поддомен.
Современные браузеры не грузят параллельно картинки с одного сервера, берегут канал сервера.

Comments

[Александр К]

проверю, спасибо за совет

[Александр К]

Вроде получилось! Спасибо огромное!

Answer 2

[Владимир Хаттер]

Есть такая магия как LazyLoad

Comments

[Александр К]

я его смотрел, не подходит он мне, так как сайт адаптирован под разные разрешения экранов, под каждый своё изображение

Answer 3

[Игорь Мезенцев]

Прогрессивный JPEG
https://habrahabr.ru/post/165645/

Comments

[Александр К]

все прогрессивные, не помогает

Answer 4

[Виталий Бобров]

Для начала сжать картинки и возможно заюзать webp для браузеров которые его понимают.
Еще бы в 2016-м году неплохо делать риспонсив, и в таком случае воспользоватся елементом picture для предоставления картинок под разные разрешения екрана.

Comments

[Александр К]

Спасибо за совет.
Каким софтом лучше всего сжимать картинки?
С picture буду разбираться. Я использую media в css для разных экранов, вплоть до max-width="320". Но наверное picture подходит больше для этого, спасибо!