asp.net - Web 遅延イメージのロードに失敗する

Question

私は Web 開発の初心者で、Web の読み込みを高速化するのに苦労しています。

それで、この記事を見つけて実装しました。ページを視覚化すると、画像がまったくレンダリングされないことがわかります。次の画像が表示されます。

画像のhtml

<img src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="~/images/menunavegacion.png" />

脚本

<script>
    function init() {
        var imgDefer = document.getElementsByTagName('img');
        for (var i = 0; i < imgDefer.length; i++) {
            if (imgDefer[i].getAttribute('data-src')) {
                imgDefer[i].setAttribute('src', imgDefer[i].getAttribute('data-src'));
            }
        }
    }
    window.onload = init;
</script>

デバッグ情報

また、クロムでデバッグしたところ、実際の画像と偽の画像が正しく切り替えられているようです。ただし、Web は適切なものをロードしません。

私は何が欠けていますか？

助けてくれてありがとう