javascript - 用 HTML 渲染 4000 张图像？

Question

HTML 可以渲染 4000 多张图像而视口(viewport)不会变慢吗？

我一直在尝试一个接一个地渲染 4000 张图像，只用一个空间将它们分开并调整为固定高度(400 像素)，这样您就可以使用 HTML 获得一整面图像。

我一直认为可能是 Apache 减慢了它的速度，但到目前为止，这种情况在每一次发生中都会发生。 Apache /节点 Webkit。等等。我只是想知道是否 awesomium能够处理。因为它是用 native 代码编写的。不幸的是，我没有必要的技能来使用 .NET 或 C++ 来测试它。

Awesomium 可以渲染这个并有一个响应更快的视口(viewport)，还是有一些我不知道的其他限制可能导致这个？

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

为了进一步说明，这里是我的 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 试试？