1

我有一个在本地主机上运行的 Web 应用程序。要求是加载多张矩形 jpg 图片（96 张图片，每张平均 7k 大小）并在运行时显示在主页上。图像以 8x12 行/列的网格显示。我通过在javascript中设置'img'的'src'属性来加载图像。分配给“src”属性的 url 对于所有图像都是相同的，但图像 ID 不同。图像正在加载，但主要问题是它们加载速度不是很快，它们是按顺序加载的一些意思是 1,2,3,4... 等等，但有些图像没有按顺序加载。我想提高这个页面的性能。我已经尝试过计算不同点的时间，例如：

  1. 当从客户端发起呼叫时（设置了图像 src 属性）

  2. 当服务器接听电话时。（服务器上提供单个图像的页面）

  3. 当服务器即将返回图像时。

  4. 在客户端接收/显示图像时（在 javascript 中调用图像加载事件）

在查看收集的数据后发现，在客户端调用发起和服务器正在接收特定图像的调用之间，主要时间在上述 1 和 2 之间丢失。

我还尝试在 machine.config 中设置 maxWorkerThreads、minWorkerThreads、requestQueueLimit 和 maxconnection 等参数，但还没有显着改善。

有人可以在这种情况下帮助我，因为我被困在这里很多天了，我现在真的很没时间。迫切需要提高这些图像加载的性能。

提前致谢。

4

1 回答 1

0

由于您强调时间不足，我建议您尝试使用按需加载图像的 jQuery 插件。您加载图片的画廊，用户是否在其中滚动？还是1个大领域？如果它是一个用户可以滚动的画廊，我强烈建议你看看lazyload。该插件的作用是仅在需要时才获取图像。只要它不在屏幕上，它就不会被加载。举个简单的例子，看看这个演示。

我希望这可以帮助你。

于 2012-07-18T13:21:43.047 回答