Показать сообщение отдельно
  #2 (permalink)  
Старый 11.02.2019, 14:54
Профессор
Отправить личное сообщение для Nexus Посмотреть профиль Найти все сообщения от Nexus
 
Регистрация: 04.12.2012
Сообщений: 3,707

Вам стоит добавить изображениям src указывающий на изображение-заглушку.
Подгружать настоящие изображения стоит только тогда, когда пользователь уже проскроллил страницу до изображения либо через пару десятков пикселей уже это сделает (т.е. изображение фактически окажется на дисплее пользователя).
Подгружать изображения поштучно особого смысла нет, если очень переживаете за производительность сервера при отдаче статики, то стоит посмотреть в сторону протокола http2.

Решение вашей проблемы без обещаний (недостает обработки ошибок):
const queue=document.querySelectorAll('img[data-src]');
(function loadImage(){
    if(!queue.length)
        return;

    const node=queue.shift();
    node.onload=loadImage;
    node.src=this.dataset.src;
})();

Последний раз редактировалось Nexus, 11.02.2019 в 14:56.
Ответить с цитированием