1

我们使用 JQuery UI 在列表中显示图像按钮(asp:Linkbutton、asp:HyperLink、..),我们注意到页面加载时性能非常缓慢。

该页面似乎已加载,但图像除外。此时 - 在 chrome 下 - 加载圈仍在旋转,这就是用户必须等待 10 秒的地方!要加载的图像:

在此处输入图像描述

10 秒后,最终显示图像:

在此处输入图像描述

它似乎与 jquery-ui 图像(ui-icons_ffffff_256x240.png)有关:

network_chrome

jquery-ui 和 css 在 Master 页面的 head 部分中引用:

<link type="text/css" href="/Ressources/css/jquery-ui-1.8.7.mf.css" rel="stylesheet" />
<script type="text/javascript" src="/Scripts/jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="/Scripts/jquery-ui-1.8.13.custom.min.js"></script>

这是图像的设置方式:

在 ASPX 中:

<asp:LinkButton ID="lkBtnEditFDM" runat="server" Text="Modif" CssClass="editFButton" OnClick="lkBtnAddFDM_Click" ></asp:LinkButton>

在 JS 中:

$(document).ready(function () {
..
  $(".editFButton").button({
    text: false,
    icons: {
      primary: 'ui-icon-pencil'
    }
  });
});

你知道为什么会发生这种巨大的滞后吗?谢谢!

4

0 回答 0