Здравствуйте,
Заранее извиняюсь, если тема обсуждалась, или слишком глупа.
Я создаю сайт лендинг пейдж, где много фоновых картинок-фотографий. Боюсь что сайт будет много весить и грузиться долго. В интернете нашел скрипт, в котором картинки заменяются на аналоги плохого качества если находятся вне видимости экрана. Но у скрипта два минуса: 1) он не предназначен для фоновых изображений, тк те подгружаются из css, 2) не работает для изображений на первой странице, тк скрипт начинает работать только при скролинге.
С первой проблемой думаю можно справиться если картинки делать не фоном, а при помощи img position.
И собственно мой вопрос по второй проблеме: как сделать что бы сначала загрузилась "плохая" картинка, а потом после загрузки нормальной, она заменяла "плохую"?
Ну и второй вопрос: Ваше мнение насколько этот способ правильный? Может Вы можете посоветовать варианты получше?