我是 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>
调试信息
另外,我用 chrome 调试它,它似乎可以正确地用假图像切换真实图像。然而,网络没有加载正确的。
我错过了什么?
谢谢你的帮助