Question

我有一个ASP.NET MVC3网站，它使用了几个jQuery插件（jqGrid和jqPlot）。我不时注意到，特别是当我用新CSS开发新页面时，图像加载速度很慢;有时需要花一分多钟才能出现。

在jqGrid上，我主要注意到这个来自jQuery UI精灵（images/ui-icons_6da8d5_256x240.png）的分页图标。

在jqPlot上，我注意到自定义点标签使用带有图像背景的CSS类（url(/Content/images/gray_block.png)）。

在这两种情况下，图像的路径都是有效的，但由于某种原因，它们的显示速度很慢。还有其他人遇到过类似的问题吗？

Answer 1

预装图像解决了问题。我使用了解决方案here。

<script type="text/javascript">
    $.fn.preload = function () {
        this.each(function () {
            $('<img/>')[0].src = this;
        });
    }
</script>

// pre-cache icons
$(['@Url.Content("~/Content/images/orange_block.png")', 
   '@Url.Content("~/Content/images/yellow_block.png")', 
   '@Url.Content("~/Content/images/red_block.png")',
   '@Url.Content("~/Content/images/gray_block.png")',
   '@Url.Content("~/Content/themes/custom-theme/images/ui-icons_217bc0_256x240.png")'
 ]).preload();

使用jQuery插件缓慢加载图像

1 个答案: