我目前正在处理的网站有很多幻灯片。问题是页面加载然后幻灯片加载一秒钟。如何提高图像的加载速度？该网站托管在亚马逊上。网址是http://gatehouse75.com，看看我的意思。
答案 0 :(得分：1)
有几种方法可以做到这一点：
优化图像尺寸。例如，正面横幅上使用的图像是1920x1610。但是，大多数屏幕都不是那么大。根据视口（屏幕尺寸）使用不同的尺寸。
通过更改压缩和/或使用其他格式缩小图像大小。
当用户访问网站的某些部分时预加载图片。这样，当用户访问带有图库的页面时，图像将从浏览器缓存中提供。
最后，如果以上建议都没有帮助，您可以在加载图片时加上“加载”通知。这对可用性有好处。
答案 1 :(得分：0)
将您的jpgs转换为较低质量，将徽标（在png中）转换为灰度gif。这应该可以节省很多空间。
答案 2 :(得分：0)
现在主页幻灯片图片缩放为1349 X 429。我正在使用笔记本电脑。服务器上图像的实际大小为1920 X 610（至少是我检查过的图像）。这意味着两件事：（1）所提供的图像是一个比需要带宽更大的文件大小，以及（2）所服务的图像需要按比例缩小，这需要占用客户端时间。
此幻灯片的最大宽度是多少？这是一个全屏幻灯片，所以我理解为什么选择使用更大的图像。虽然也许您可以采用原始压缩并以可接受的方式调整大小？
您还可以考虑在内容加载时加载.gif文件。
另外，浏览并缩小链接文件... css，js。
答案 3 :(得分：0)
1。遵循图像文件优化最佳做法。
2. 使用快速CDN和智能缓存策略。
第3 即可。将您的首映图像引用（特别是大型“英雄”图像）放在html元素选择器中<head>标记内的内联样式表中，如下所示：
<head>
<style> html { background: url(/hero.jpg) no-repeat -9999px -9999px; }
</style>
对于影响感知页面速度的图片，这将为您提供最快的可见时间。