php - 如何在网页上加载大量 php 生成的图像

Question

我有一个网站，所有页面中都有很多图片。每张图片都是由 PHP 动态生成的(我的意思是 img 标签的 src=""属性类似于 "/image.php?id=4553")。

我正在适本地控制缓存以多次加速同一图像的加载，并且加载单个图像所需的时间非常快。问题是前 5-6 个图像在页面加载的同时加载，其他图像在许多秒后加载(5-10-15 秒后)。 Firebug 告诉我，问题是由于浏览器为了限制与服务器的同时连接而执行的请求排队造成的。

我尝试在发送页面的 HTML 时发送“Connection: Keep-Alive” header ，但可能还不够!

有什么帮助吗？

我知道有一些 jQuery 插件，例如仅当图像在视口(viewport)上可见时才加载图像的延迟加载。这将是一个很好的“解决方法”，但我想知道是否有任何正确的方法来控制这种类型的图像加载。

非常感谢。

Answer 1

Firebug 很好地总结了这个问题。浏览器一次只会从域中加载 x 数量的资源。 x 通常在 8 左右，尽管这可能因浏览器而异，并且可以由用户在其设置中更改。解决这个问题的唯一方法是让浏览器从不同的域(子域算作不同的域)下载资源，这将允许一次下载更多的资源。您可以通过使用 .htaccess 和 mod_rewrite 让您的图像从假的子域下载，而这些子域实际上是从同一域下载的，从而欺骗浏览器认为它是从不同的域下载的，从而实现这一点。这将允许您一次下载比分配的资源更多的资源。