网站图像预加载，以加快加载速度

Question

我正在为我的摄影网站建立一个很酷的画廊：

我以为我已经完成了。在我的电脑上，我看起来很酷，所以我把它上传到我在Webgo上的Webspace。

问题是第一次加载网站时图像的加载时间。

我用纯css构建砖石外观。并且图像是硬编码的。稍后我将修复此问题并通过php加载它们。

是否有可能获得更快的图像加载？我已经通过photoshop将图像渲染到最大宽度：800px。

Answer 1

1. 制作缩略图 - 使图像变小，这些是高分辨率图像，较小的图像加载速度会快得多。
2. 为图像设置了一些子域，这将使大多数现代浏览器同时发出多个图像请求 所以现在你的网站是portfolio.marcelmerz.de 所以为图片设置一些子域名，例如 img1.marcelmerz.de，img2.marcelmerz.de，img3.marcelmerz.de和img4.marcelmerz.de

将所有4个子域指向图像所在的位置，然后交替使用图像URL以使用不同的子域。

Answer 2

您只需针对网络优化图片。您正在为200-300像素宽的缩略图加载1200px图像。这就是他们花费这么长时间才能加载的原因。为了优化您可以使用像photoshop这样的编辑工具将图像调整到自然尺寸，并以符合您需要的jpeg质量保存它们。文件大小越小，图像加载的速度就越快。不知道你用什么工具来构建页面，但你也可以实现一个技术/插件，称为＆＃34; Lazy Load＆＃34;。这将允许在图像进入视图时加载图像，从而为最初加载的图像放松一些带宽。希望这会有所帮助。