Baseflow / Baseflow/flutter_cached_network_image

Performance compared to Image

Open
#730 12 comments 22 reactions 0 assignees View on GitHub
Dominant language
Dart
Stars
2.6k
Forks
731
Avg merge
3d 9h
Merged PRs (30d)
1

Description

## 🏗 Performance issue

I have performance issues with using this package in a list.

```
CachedNetworkImage(
imageUrl: _imageUrl,
fit: BoxFit.fitWidth,
height: 40,
width: 40,
errorWidget: (context, url, error) =>
const SizedBox(width: 40, height: 40, child: AppLogo(40, 40)),
placeholder: (context, url) => const SizedBox(width: 40, height: 40),
)
```

Sadly this results in pretty high **raster ms/frame, about** **40-80 even without scrolling.**
If I'm using Image or FadeInImage.memoryNetwork, I'm getting raster **ms/frame about 9-11** and lower around **7ms UI thread**.

```
FadeInImage.memoryNetwork(
image: _imageUrl,
fit: BoxFit.fitWidth,
placeholder: kTransparentImage,
placeholderErrorBuilder: (_, __, ___) => const SizedBox(
width: 40,
height: 40,
child: AppLogo(
40,
40,
useSmallImage: true,
),
),
)
```

Is there any option to improve this? It's laggy on the first time and even after caching the images its not comparable.

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.