javascript 为什么我的网站加载图像缓慢从刚刚使用< img>？有没有一个更好的方法来插入照片，而不放慢我的网站，我插入的越多？

6qftjkof 于 2022-11-27 发布在 Java

关注(0)|答案(1)|浏览(95)

我有一个情况，当我添加更多的照片到一个网站的博客，我的网站变得越来越慢。它甚至变得更慢时，在移动的设备上运行。下面是我写的代码：

<img src="images/photos/2022_09_05/2.jpg" alt="" title="Drive to airport">
    <img src="images/photos/2022_09_05/3.jpg" alt="" title="Getting ready for takeoff">
    <img src="images/photos/2022_09_05/4.jpg" alt="" title="Exit of USA">
    <img src="images/photos/2022_09_05/5.jpg" alt="" title="Leaving LAX">
    <img src="images/photos/2022_09_05/6.jpg" alt="" title="Goodbye California">
    <img src="images/photos/2022_09_05/7.jpg" alt="" title="Views">
    <img src="images/photos/2022_09_05/8.jpg" alt="" title="More views">

有没有其他的方法可以做到这一点，比如使用数据库和使用MongoDB这样的软件来更快地实现？我对数据库不是很熟悉，想问一些建议。我想知道MongoDB是否是一个选项。

JavaScript

来源：https://stackoverflow.com/questions/74587840/why-is-my-website-slow-to-load-images-from-just-using-img-is-there-an-better

1条答案

按热度按时间

2hh7jdfx1#

通过减少初始页面加载所需的带宽量，以及仅在必要时下载必要的数据，您应该能够看到改进。

在图片靠近 windows 之前不要加载图片。为图片添加loading="lazy"属性。（对于旧版浏览器，您需要a polyfill或其他方法）
仅加载所需的图像数据。查看图像在页面上的显示大小，并将其与在独立选项卡或图像查看器中打开时的图像大小进行比较。为了节省带宽，大小不应相差太大。例如，如果页面上的图像很小，它链接到的src也应该很小-否则您将发送大量额外的数据而没有可见的效果。
如果你仍然觉得上面的服务器很慢，你也可以升级到一个上传速度更快的服务器，最好是在一个与你的观众相似的地理区域。

把图片放到数据库中根本没有任何帮助，因为你每次都要从数据库中检索它们。

赞(0）回复(0）举报 2022-11-27

我来回答

javascript 为什么我的网站加载图像缓慢从刚刚使用< img>？有没有一个更好的方法来插入照片，而不放慢我的网站，我插入的越多？

1条答案

相关问题

热门标签

最新问答