github页面网站上的图像加载缓慢

Question

我有一个使用 HTML、CSS 和 JavaScript 创建的简单网站，它托管在 Github 页面上。但在我的网站上，我有 20 张图片，当我在浏览器上打开我的网站时，图片加载需要一段时间。

如何让我的图片立即加载或更快加载？是因为 Github 页面托管，还是因为一个站点上有很多图片？

我见过比这更多图片的网站，它们就像预加载的一样。

Here is an image

Answer 1

让图片在页面上加载更快的方法

0。检查是什么导致您的网页变慢

您可以在此处尝试找出导致它变慢的原因：https://web.dev/measure/

1。压缩图片

如果您不需要图像具有如此高的质量，您可能需要压缩图像。如果您需要质量，请转到选项 2。一个这样做的网站是 Kraken。这应该可以让页面加载得更快。

2。使用 CDN

如果仍然无法正常工作，请使用 CDN 或内容交付网络来托管您的图片。 CDN 将数据存储在许多数据中心，使其加载数据更快。尝试在Cloudflare 中托管您的图片。

3。缩小图片

大图像会使您的网站加载速度变慢。所以，调整它们的大小，让它们更小一点。

希望对你有帮助！