javascript - 网站图片性能: local folder or external source?

Question

我刚刚完成了我的第一个网站的构建。该网站很好，但我注意到有时图像加载速度有点慢并且看起来慢慢向下滑动。网站上的所有图像均来自外部来源。如果我从本地文件夹而不是使用网络存储和获取这些图像，它们会加载得更快吗来源？或者无论如何我可以在图像加载完成后加载页面？

Answer 1

在网站本身而不是从外部源托管图像可以带来速度优势，因为可以重复使用 HTTP 连接，但优势将非常小，如果您的图像都托管在同一个外部源上，那么会有同样的效果。

但是，针对网络优化图像(通过将图像调整为适合网站目标设备的分辨率并压缩图像)可能会对页面加载时间产生很大影响。

此外，如果您在 CSS 样式表中使用许多小图像，您可以将它们编码为 base64 并将它们包含在样式表中，这样可以节省 HTTP 请求但会增加 CSS 文档的文件大小，因此不利于大图像。

仔细检查您是否配置了适当的缓存级别，最后，考虑使用 CDN 提供商(例如 CloudFlare)，它可以在世界各地的多个位置缓存您的网站，使服务器离用户更近。 CDN 通常还包括其他提高速度的功能，例如自动图像压缩。