网站加载/响应时间(图像)

时间:2016-08-05 14:59:56

标签: html image

所以,我已经建立了我的第一个网站,但我遇到了一个问题。在网站here中,我有照片。现在,图像尺寸相当大,我想保持这种方式,因此它们将调整大小以适应尽可能多的屏幕尺寸。现在,正如您在网站上看到的那样,我已经将我的照片上传到了imgur。那是在我有一台服务器用于测试之前。将图片上传到我的服务器会改善照片的加载时间吗?

另外,在旁注中,将它们上传到服务器有什么好处? (一个空间有限,请注意。这主要是我要问的原因。) 将插件(例如Jquery)上传到服务器,而不是使用<script src="CDN of choice" /><link>作为css,可以改善初始加载时间吗?

如果这是一个愚蠢的问题我很抱歉,但请记住我是新手。如果您愿意,我们将非常感谢网站上的任何其他评论。

2 个答案:

答案 0 :(得分:2)

您可以通过压缩图像获得最大的改进。在photoshop中保存时,选择保存为Web,并进一步减小文件大小。使用https://tinyjpg.com/之类的内容。我能够压缩你的一个2.5mb到947kb的图像。为您的所有图像执行此操作,您不必担心CDN和加载时间。你的javascript和css文件比你的图像小得多,我怀疑你会通过优化它们来获得任何实际的加载时间。

enter image description here

答案 1 :(得分:0)

将图片(和/或其他资源)上传到您的服务器。虽然一开始很有意义,但会让你遇到以下问题:

  1. 您丢失了很多分配的带宽,访问您网站的人越多。
  2. 您的访问者的网站速度取决于您的服务器及其距离。
  3. 对于第二个问题,我总是建议使用像cloudflare或cloudfront这样的CDN中继。它使加载时间更快,并节省带宽。

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