Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/464.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何在网页中重复使用相同的已下载图像,而不是再次重新下载图像?_Html_Asp.net Mvc 3 - Fatal编程技术网

Html 如何在网页中重复使用相同的已下载图像,而不是再次重新下载图像?

Html 如何在网页中重复使用相同的已下载图像,而不是再次重新下载图像?,html,asp.net-mvc-3,Html,Asp.net Mvc 3,我的MVC3应用程序中有一个视图,根据以下特定条件显示两个非常小的图像之一: @foreach (var item in Model) { <td> @if (item.TARGETs.Count == 0) { @Html.ActionImageLink("../../Content/themes/base/images/add.png", "Create Target", "Create", "Target", new {

我的MVC3应用程序中有一个视图,根据以下特定条件显示两个非常小的图像之一:

@foreach (var item in Model)
{
<td>
        @if (item.TARGETs.Count == 0)
        {
            @Html.ActionImageLink("../../Content/themes/base/images/add.png", "Create Target", "Create", "Target", new { id = item.OBJECT_ID }, null, new { title = "Define Object as Target" })
        }
        else
        {
            @Html.ActionImageLink("../../Content/themes/base/images/ok.png", "View Target", "Details", "Target", new { id = item.OBJECT_ID }, null, new { title = "View Target Details" })
        }
    </td>
    <td>
        @if (item.SOURCEs.Count == 0)
        {
                @Html.ActionImageLink("../../Content/themes/base/images/add.png", "Create Source", "Create", "Source", new { id = item.OBJECT_ID }, null, new { title = "Define Object as Source" })
        }
        else
        {
                @Html.ActionImageLink("../../Content/themes/base/images/ok.png", "View Source", "Details", "Source", new { id = item.OBJECT_ID }, null, new { title = "View Source Details" })
        }
    </td>
@foreach(模型中的变量项)
{
@如果(item.TARGETs.Count==0)
{
@ActionImageLink(“../../Content/themes/base/images/add.png”,“创建目标”,“创建”,“目标”,新建{id=item.OBJECT\u id},null,新建{title=“将对象定义为目标”})
}
其他的
{
@ActionImageLink(“../../Content/themes/base/images/ok.png”,“查看目标”,“详细信息”,“目标”,新{id=item.OBJECT\u id},null,新{title=“查看目标详细信息”})
}
@如果(item.SOURCEs.Count==0)
{
@ActionImageLink(“../../Content/themes/base/images/add.png”,“创建源”,“创建”,“源”,新{id=item.OBJECT\u id},null,新{title=“将对象定义为源”})
}
其他的
{
@ActionImageLink(“../../Content/themes/base/images/ok.png”,“查看源代码”,“详细信息”,“源代码”,新{id=item.OBJECT\u id},null,新{title=“查看源代码详细信息”})
}
每个图像都相对较小(约800字节)。但是,页面的大小似乎会随着
IEnumerable
中项目的数量呈指数增长。随着越来越多的项目添加到数据库中,页面的速度会逐渐变慢

有没有一种方法可以缓存映像,这样客户端就不会每次我打电话时都下载映像

如果我使用CSS显示图像会更快吗


我是否完全误解了客户端?它会自动执行此操作吗?

客户端会自动缓存映像;每个映像只会下载一次。因此,您不必担心这一部分。您可能需要到其他地方查找任何性能问题的根源。(例如,先弄清楚延迟是发生在服务器上还是发生在客户端上。)

浏览器会自动缓存图像。页面大小会增加,因为它包含更多HTML代码


我看不出大小是如何成指数增长的。它应该随着物品的数量呈线性增长。

啊。很高兴知道。那我就得去其他地方看看这个问题了。谢谢。指数增长有点夸张。这是一个相当线性的增长。不过谢谢。