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

Question

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

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

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

这是一张图片

Answer 1

使图像在页面上加载速度更快的方法

0. 检查是什么降低了您的页面速度

您可以尝试在此处找到降低速度的原因： https : //web.dev/measure/

1. 压缩你的图像

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

2. 使用 CDN

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

3.让你的图像更小

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

我希望这可以帮助你！