防止使用Javascript加载图像

Question

我正在编写一个脚本，以webp格式替换网页图像。我只能控制自己的javascript，我可以将其放在我想要的任何地方。我的问题是如何完全停止使用JavaScript加载图片？ 我试图这样做：

let images = document.querySelectorAll('img');
for (let img of images) {
  img.src = '';
}

但是当我打开“网络”标签时，浏览器仍会下载图像。