网站图片性能：本地文件夹还是外部源？

Question

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

Answer 1

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

针对网络优化图片（通过将其调整为适合您网站的目标设备的分辨率并压缩图片），可能会对网页加载时间产生很大影响。

此外，如果在CSS样式表中使用了许多小图像，则可以在base64中对它们进行编码，并将它们与样式表内联，这样可以节省HTTP请求，但会增加CSS文档的文件大小，因此不适合大图。

仔细检查您是否配置了适当的缓存级别，最后考虑使用可以在全球多个位置缓存您的网站的CDN提供商（例如CloudFlare），以便服务器更贴近用户。 CDN通常还包括其他速度提升功能，如自动图像压缩。

Answer 2

存储图像的一种好方法是使用Flickr或Imgur等公共服务器。另一种解决方案是在快速的AWS S3服务器上托管它，或者以优化的文件大小并以适当的方式压缩它。

希望这会有所帮助。