图片在 github 页网站上加载缓慢
Image loading slow on github pages website
我有一个使用 HTML、CSS 和 JavaScript 创建的简单网站，它托管在 Github 页面上。但是在我的网站上，我有大约 20 张图片，当我在浏览器上打开我的网站时，需要一段时间才能加载图片。
如何让我的图像立即或更快地加载？是因为 Github 页面托管还是因为一个站点上有很多图片？
我见过比这更多图片的网站，它们就像预加载的一样。
Here is an image
提高页面上图片加载速度的方法
0。检查是什么降低了您的网页速度
您可以尝试在此处找出导致速度变慢的原因：https://web.dev/measure/
1。压缩你的图片
如果您不需要如此高的质量，您可能需要压缩图像。如果您需要质量，请转到选项 2。执行此操作的网站是 Kraken。这应该可以让页面加载得更快。
2。使用 CDN
如果仍然不起作用，请使用 CDN 或内容分发网络来托管您的图像。 CDN 将数据存储在许多数据中心，使其能够更快地加载数据。尝试在 Cloudflare.
中托管您的图像
3。缩小图片
大图片会使您的网站加载速度变慢。所以，调整它们的大小，让它们变小一点。
希望对您有所帮助！
我有一个使用 HTML、CSS 和 JavaScript 创建的简单网站，它托管在 Github 页面上。但是在我的网站上，我有大约 20 张图片，当我在浏览器上打开我的网站时，需要一段时间才能加载图片。
如何让我的图像立即或更快地加载？是因为 Github 页面托管还是因为一个站点上有很多图片？
我见过比这更多图片的网站，它们就像预加载的一样。
Here is an image
提高页面上图片加载速度的方法
0。检查是什么降低了您的网页速度
您可以尝试在此处找出导致速度变慢的原因：https://web.dev/measure/
1。压缩你的图片
如果您不需要如此高的质量，您可能需要压缩图像。如果您需要质量，请转到选项 2。执行此操作的网站是 Kraken。这应该可以让页面加载得更快。
2。使用 CDN
如果仍然不起作用，请使用 CDN 或内容分发网络来托管您的图像。 CDN 将数据存储在许多数据中心，使其能够更快地加载数据。尝试在 Cloudflare.
中托管您的图像3。缩小图片
大图片会使您的网站加载速度变慢。所以，调整它们的大小，让它们变小一点。