Javascript 如何管理、加速和预加载页面上的所有图像？

好了，这已经是我头疼的时间了。我正在学习建立一个动态新闻/博客网站，从MySQL数据库中获取图像源。网站上有不同的部分，通过不同的标签从数据库的同一个表中选择图像。我使用的大多数图像都来自外部来源，如谷歌、雅虎等。因此，我的问题是：

你把图像放在哪里？我的意思是，我应该使用来自外部来源的图像，还是应该将图像保存在我的网站目录中？还是像一个硬盘这样的云服务

如何预装网站上的所有图片？因为在我的网站上，他们的加载速度真的很慢吗

如何像Facebook一样，在图像加载之前显示空投

如果其他网站上的图片（我正在窃取其中的图片）得到了优化？如果是这样的话，我还需要再次保存和优化它吗

云服务将是昂贵的，因为你将有大量的图像和外部刺激是一个很大的数字。我会一直选择把他们放在我的网站目录

一旦他们将内容脱机或阻止访问，您的网站将被破坏曼努埃尔·奥托

我不知道jquery，但是：

Javascript，DOM。底部的示例完全可以根据您想要显示图像的方式进行调整

我会说：不要

这只是一个例子

document.body.addEventListener("load", myFunction);

function myFunction() {
    document.getElementById("allMyImages").style= "background-image: src("myImage.jpg");";
}

当网页完全加载时，它会触发myFunction

在自己的服务器上保存自己的图像。不要依赖外部资源来始终保持正常运行。但也要注意使用受版权保护的图像/图形

当文档完全加载时，可以使用javascript隐藏和显示页面。如果你有太多的图片，可以选择lazyload，这样你就不会给用户的连接带来太大的压力

指定容器的宽度和高度，以便在加载图像时保持比例

我猜输出是经过优化的，所以“偷来的”应该也是如此

---

除了法律方面，将图像复制到服务器上总是明智的，因为否则您将依赖于外部资源。一旦他们将内容脱机或阻止访问，您的网站将被破坏。