网站加载/响应时间（图片）答案

【问题标题】：Website load/response time (Images)网站加载/响应时间（图片）
【发布时间】：2016-08-05 23:11:43
【问题描述】：

所以，我创建了我的第一个网站，但我遇到了一个问题。在网站上，here，我有照片。现在，图像尺寸相当大，我想保持这种状态，所以它们会被调整大小以适应尽可能多的屏幕尺寸。现在，正如您在网站上看到的那样，我已将照片上传到 imgur。那是在我为了测试目的而使用服务器之前。将图片上传到我的服务器会缩短照片的加载时间吗？

另外，顺便说一句，将它们上传到服务器有什么好处？（请注意，空间有限。这主要是我问的原因。）将插件（比如 Jquery）上传到服务器，而不是使用 <script src="CDN of choice" /> 和 <link> 用于 css，会缩短初始加载时间吗？

如果这是一个愚蠢的问题，我深表歉意，但请记住我是新手。如果您愿意，我们将不胜感激该网站上的任何其他评论。

【问题讨论】：

根据经验，CDN 服务通常会提供更好的加载时间。对于公共资源，如 JS 库，还有一个额外的好处，即客户端可能已经请求了该库，并将其缓存在访问共享同一 CDN 的另一个站点时。

标签： html image

【解决方案1】：

您可以在此处获得的最大改进是压缩图像。在 Photoshop 中保存时，选择为 web 保存，并进一步减小文件大小。使用类似 https://tinyjpg.com/ 的东西。我能够将您的一张 2.5mb 的图像压缩到 947kb。对所有图像执行此操作，您不必担心 CDN 和加载时间。您的 javascript 和 css 文件比您的图像小得多，我怀疑您会通过优化它们获得任何真正的加载时间改进。

【讨论】：

【解决方案2】：

将您的图片（和/或其他资产）上传到您的服务器。一开始虽然说得通，但是会让你遇到以下问题：

访问您网站的人越多，您分配的带宽就越多。
您的网站对访问者的速度取决于您的服务器以及他们离服务器的距离。

对于第二个问题，我总是建议使用 CDN 中继，如 cloudflare 或 cloudfront。它使加载时间更快，也节省了带宽。

另外，如果带宽和备用 ID 是一个真正的问题，您应该考虑使用更好的主机，或者简单地使用 Amazon s3 之类的东西来托管您的静态文件。

【讨论】：

服务器确实有，或者至少说它有无限流量，但它被限制为 500MB 的磁盘空间。
在这种情况下，我会使用 s3。此外，如果您的网站是静态网站（没有 php、rails、python 等），您为什么不考虑将其免费托管在 github 页面上？他们也有 CDN 覆盖。
所以改善图像加载时间的唯一方法是缩小它们？我想避免它，但它可以很容易地完成......我会研究 s3，谢谢。
也许我应该早点调查一下，但现在为时已晚。我们已经租用了 2 年的服务器。