iOS中的图像预加载

Question

我开发了一个应用程序,在UICollectionView类似Tinder中显示"全屏卡" .该卡包含图像和一些文本.我被加载使用图像SDWebImage的sd_setImageWithURL方法中UICollectionView的细胞.

然而,这并没有给我带来良好的性能,因为当用户在卡上时,图像大多是加载的.因此,我使用SDWebImagePrefetcher预取队列执行此操作,如下所示: -

func startImagePreloadingOperationForIndex(index:Int)
{
    let numberOfImagesToBePreloadedOnEachSide = 20
    var previousIndex = index - numberOfImagesToBePreloadedOnEachSide
    var nextIndex = index + numberOfImagesToBePreloadedOnEachSide

    if previousIndex < 0
    {
        previousIndex = 0
    }
    if nextIndex >= currentNewsCollection.count
    {
        nextIndex = currentNewsCollection.count - 1
    }

    if previousIndex >= nextIndex || currentNewsCollection.isEmpty
    {
        return
    }
    let arrayOfNewsStories = currentNewsCollection[previousIndex...nextIndex]

    let arrayOfImageURLs = arrayOfNewsStories.map( { ImageUtility.getImageStringForNewsStory($0) } )

    SDWebImagePrefetcher.sharedImagePrefetcher().prefetchURLs(arrayOfImageURLs, progress: { (x, y) -> Void in
        }) { (x, y) -> Void in
    }
}

当用户登陆特定卡时,调用此功能.预取队列自动管理不下载缓存中的图像,所以我不必担心.除此之外,我还使用sd_setImageWithURLin cellForItemAtIndexPath来从缓存中获取下载的图像.

这是一个更好的解决方案,因为我现在在用户在卡上时预加载图像.但是这是一个并行队列.这意味着图像没有.可以在当前图像之前加载index + 20,并且用户可能必须等待图像.如果用户滚动超过50张卡并且内存使用率也继续上升,那么应用程序也会变得有点迟钝.

任何人都可以建议改进这个或更好的算法吗？

谢谢

Answer 1

使用sd_setImageWithURL在当前卡上下载映像,并在完成处理程序中开始下载预取队列.通过这种方式,当前图像始终具有最高优先级并且不会滞后.

currentCardImageView.sd_setImageWithURL(url) { (image, error, imageCacheType, url) in
   // start prefetching here
}

如果已下载当前图像,SDWebImage将识别此并从缓存中获取它.

可以通过减少预取图像的数量来解决滞后和高内存消耗的另一个问题.20是相当高的,5应该足够了,但这取决于图像大小,网络速度等...

另一件事:SDWebImage有一个maxConcurrentOperationCount属性.从1开始,测试,增加到2,测试,增加......等等.直到你发现它落后的点.

Answer 2

我建议处理您自己的队列，将图像保存到磁盘，然后从磁盘加载它们。

使用串行队列代替并行队列，或者至少减少并行连接数