Я провел много исследований по этой проблеме, но безуспешно. По сути, я хочу сделать следующее:
1) Замените атрибут src всех изображений заполнителем, например «blank.gif»
2) Добавьте атрибут data-original HTML5 с исходным местоположением изображения
3)LazyLoad изображения (для правильной работы требуется атрибут data-original)

Что я попробовал без успеха:
1) прикрепление этого EventListenerdocument.addEventListener('beforeload', doBeforeLoad, true);
с этой функцией

function beforeload() {
        var blank = 'image/location/images/blank.gif';
        $('img').each(function() {
            var orig = $(this).attr('src');
            $(this).attr('data-original',orig);
            $(this).attr('src',blank);
            console.log("changing all data on images");
        });
    }

2) на документе. Уже уверен, что он не будет работать ..

Понятия не имеюесли это даже возможно, поэтому любая помощь | предложение | ресурс будет принята с благодарностью
PS: например, я хочу, чтобы это работалоВот) (потому что это имиджевая статья)