Slowness

[ghini]

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

[Milena]

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

 

 

[WEBSRFR]

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.

[Deyan Enchev]

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

 

 

[Danilo]

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