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

Question

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

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

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

这是一张图片

标签： javascripthtmlimagegithubgithub-pages

Answer 1

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

0. 检查是什么让你的页面变慢了

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

1.压缩你的图片

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

2. 使用 CDN

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

3.让你的图片更小

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

我希望这可以帮助你！