使用HTML渲染4000张图像？

Question

HTML可以在视口变慢的情况下渲染4000多个图像吗？

我一直在尝试渲染4000个图像，每个图像之间只有一个空格，以固定高度（400px）分隔它们的大小，以便使用HTML获得一堵图像墙。

我一直认为这可能是Apache放慢了速度，但是到目前为止，它只发生在每一次发生中。 Apache / Node Webkit。 等等，我只是想知道awesomium是否能够解决这个问题。 由于它是用本机代码编写的。 不幸的是，我没有使用.NET或C ++进行测试的必要技能。

Awesomium可以渲染此图像并具有更响应的视口吗？或者我不知道有其他限制可能会导致此问题吗？

编辑：使用Node.js（Node Webkit），TideSDK，PHP Desktop MSIE / Chrome（Apache）从文件系统加载图像。 所有图像（几乎）立即被加载，这是视口缓慢。 （滚动，调整大小等）

这里需要更多说明的是我的TideSDK应用程序。

<script type="text/php">
include 'functions.php';
$height = 400;
$dirs = glob('H:/images/*.deviantart.net', GLOB_ONLYDIR);
foreach($dirs as $dir)
{
    $base = $dir.'/';
    $files = ListIn($base);
    foreach($files as $file)
    {
        $file = $base.$file;
        $link = "<img src='file:///$file' height='$height' onclick='Ti.Platform.openURL(\"file:///$file\")'> ";
        #$link = "$base$file <br>";
        $document->write($link);
    }
}
</script>

Answer 1

您也许应该与LazyLoad一起尝试？

Answer 2

你可以参考下面给出的

减少1000个图像的HTTP请求？

网址可能会对您有帮助