This is a migrated thread and some comments may be shown as answers.

Slowness

4 Answers 114 Views
ImageGallery
This is a migrated thread and some comments may be shown as answers.
ghini
Top achievements
Rank 2
ghini asked on 24 Jul 2014, 06:57 AM
Hello everyone,
I used ImageGallery to show some collections of photographs. The problem is the slowness of the initial load.
Each gallery has 200/250 photos, each photo is 60/70kb ...
I think the slowness is due to loading all the thumbnails.
How can I fix?

Thank you

client side code:

<telerik:RadImageGallery ID="galRoom" runat="server" Width="100%" BackColor="#F4F4F4" Culture="it-IT" DisplayAreaMode="Thumbnails" >
    <ThumbnailsAreaSettings Height="608px" ThumbnailHeight="150" ThumbnailWidth="150" ThumbnailsSpacing="2" />
    <ImageAreaSettings ShowDescriptionBox="False" Height="730" />
    <ToolbarSettings ItemsCounterFormat="Fotografia {0} di {1}" />
    <ClientSettings>
        <AnimationSettings SlideshowSlideDuration="3000">
            <NextImagesAnimation Type="Random" />
            <PrevImagesAnimation Type="Random" />
        </AnimationSettings>
    </ClientSettings>
</telerik:RadImageGallery>


server side code:
Protected Sub Page_Load(sender As Object, e As EventArgs) Handles Me.Load
        galRoom.ImagesFolderPath = "events/ev1"
End Sub


4 Answers, 1 is accepted

Sort by
0
Milena
Telerik team
answered on 28 Jul 2014, 01:52 PM
Hello Fabrizio,

You can optimize the performance of ImageGallery control as decrease the size of the images and load them with absolute path. In order to set absolute path to the images and thumbnails, it is necessary to use ImageUrl and ThumbnailUrl properties of ImageGalleryItem.

Regards,
Milena
Telerik
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
0
WEBSRFR
Top achievements
Rank 1
answered on 22 Dec 2014, 03:42 PM
I too am noticing that the Image Gallery loads extremely slowly and I have even fewer images in each gallery than ghini. I tried to locate the ImageUrl and ThumbnailUrl properties but could not locate them. Where can I find these properties and how can I set them? I wish the component by default loaded the thumbnail dynamically without having this process hold up the page from loading.
0
Deyan Enchev
Telerik team
answered on 25 Dec 2014, 10:50 AM
Hello,

The performance of the ImageGallery in terms of visualizing an image (or set of images) is greatly related to the way it will be accessing this image and the network speed. For example if you are using not local images or you are working with some network bandwidth limitation the result will inevitably be slow response.

Furthermore you can always use Fiddler to capture and analyze the network traffic and later determine what the culprit is.

Now regarding how ImageUrl and ThumbnailUrl properties are used you can see in one of our online demos: http://demos.telerik.com/aspnet-ajax/image-gallery/examples/overview/defaultcs.aspx

Could you clarify a bit more regarding the following inquiry: “ I wish the component by default loaded the thumbnail dynamically without having this process hold up the page from loading.”


Regards,
Deyan Enchev
Telerik
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
0
Danilo
Top achievements
Rank 1
answered on 03 Aug 2017, 09:21 AM

Hello.

I can confirm, there is a imense difference in loading time.

If I use "ImagesFolderPath" compared to "ImageGalleryItem-s" listed.

For five Images there is over one second loading time difference.

Regards, Danilo

Tags
ImageGallery
Asked by
ghini
Top achievements
Rank 2
Answers by
Milena
Telerik team
WEBSRFR
Top achievements
Rank 1
Deyan Enchev
Telerik team
Danilo
Top achievements
Rank 1
Share this question
or