How apps with thousands of images and components load in 2-3 seconds?

[sanatmalani]

@Raja_HarshVardhanSolanki

They all 500 cards aren’t dynamic yet?

AI_Developer reacted with

All the cards are dynamic.

@marco_tanzi

You can use an webviewer and a script with a lazy loading implementation and store the image that app using in a variabile,so you avoid to load all the images

I have excel spreadsheet. with image links and url.
There is very common problem, there much be solution to this!! :/?

[marco_tanzi]

You can pass URL to webviewer with setwebviewerstring()

[vknow360 (Sunny Gupta)]

You can never think about loading thousands of images in just 2-3 seconds.
Practically impossible.

[Still-learning (1-2-3-4...)]

This is what I am telling him from the very beginning, and you to confirmed @vknow360

[vknow360 (Sunny Gupta)]

I am also saying that Picasso extension is working fine and have provided a working aia too.
But still it is not working for him.

[sanatmalani]

@vknow360

You can never think about loading thousands of images in just 2-3 seconds.
Practically impossible.

Hi,
I dont want to load 1000 images in 2-3 seconds. I want to load my app in 2-3 seconds, rest the other images load 1 by one, or 20/30 per second is acceptable.

I dont expect to load such vast number of images in 2-3 seconds, I only want to load my app in 2-3 sec. I have seen other apps loading in 2-3 seconds.

How can we achieve the same?

[Still-learning (1-2-3-4...)]

If you create an app with android studio it will open in 2-3 seconds.

[sanatmalani]

I am doing it on kodular, and we can open in 2-3 seconds in kodular as well provided we know how to delay loading of images and components. If I load screen only few 10-20 loaded images and components then it will take only 2-3 seconds to load.

[Raja_HarshVardhanSolanki]

Use this extension to load your images with in some seconds by dynamic component extension

[F/OS] Image Loader - Extension for image loading and caching

Image Loader Hi everyone, Today I present a new extension based on Universal Image Loader that allows you to load and cache images. Demo Event OnLoadingStarted: Event when the loading of the image is started. The url returns the URL of the image. [OnLoadingStarted] OnLoadingFailed: Event when the image is failed to load. The url returns the URL of the image. [OnLoadingFailed] OnLoadingComplete: Event when the image is loaded. The url returns the URL of the image. [OnLoadi…

[vknow360 (Sunny Gupta)]

Don’t have heavy work on screen initialize.
Give your app some time.
Like divide your blocks in chunks and run it on an interval of 500 ms.

[Still-learning (1-2-3-4...)]

Yes, @vknow360 … You’ve created an wounderful guide when user scroll down list will continue to show That method he can use

[sanatmalani]

@Still-learning

Yes, @vknow360 … You’ve created an wounderful guide when user scroll down list will continue to show That method he can use

@vknow360

Don’t have heavy work on screen initialize.
Give your app some time.
Like divide your blocks in chunks and run it on an interval of 500 ms.

I am using view pager, and six different vertical scroll arrangement. How should I go about dividing blocks. The method I tried was to load on view pager selected, however it crashes my app when I switch view pager back to loaded tab.

how t o go about it?

@Raja_HarshVardhanSolanki

Use this extension to load your images with in some seconds by dynamic component extension

Did you try this?
I tried did not load in 2-3 seconds. Took 7-8 seconds. I don’t know what is wrong!!

[HeyAveHey]

Show us your blocks if u use AI dynamic components extension by yusufcihan. As i understand you are trying to tell us that creating your components without loading images freeze your app for 7-8 seconds?

Also I think you don’t understand the difference between dynamic and asynchronous.

[sanatmalani]

trying load my app with images is taking 8-9 seconds to load. There are around 200+ cards and images.

@HeyAveHey

Also I think you don’t understand the difference between dynamic and asynchronous.

Okay, so why don’t you explain me?
dynamic component extension has an option of UI and main. UI will load the components one by one whereas main shall load them all at the same time.
Correct me if I am wrong.

[HeyAveHey]

But does your app freeze? You are so unprecize.

[sanatmalani]

Yup, as I said it takes 7-8 seconds to load the screen.

[HeyAveHey]

“Load” is not enough. App can work normal without freeze while loading your images in background.

Just create your layout first without loading the images. When your whole layout is built start the function to load images async.

[HeyAveHey]

It’s hard to help you as we can’t see your blocks logic. We don’t know when u try to load images ect.

[sanatmalani]

@HeyAveHey

“Load” is not enough. App can work normal without freeze while loading your images in background.

By load I mean screen is blank (white) for 7-8 seconds.

@HeyAveHey

It’s hard to help you as we can’t see your blocks logic. We don’t know when u try to load images ect.

I will share them.
I have a procedure. Where I create card, then add images to card, then use and asyn extension to load images from url. Call this procedure on screen initialise.

Layout arrangement is gridview in viewpager. 6 different tabs in viewpager and total of 220 cards/images/vertical-arrangement/label ( all created dynamically using dynamic component extension.

[HeyAveHey]

Show your logic and we can talk further. Async task extension is tricky and hard to use to be honest, as component created on UI thread sometimes won’t respond to changes induced by other thread different than UI thread.