Slowness

4 posts, 0 answers
  1. ghini
    ghini avatar
    25 posts
    Member since:
    Sep 2012

    Posted 24 Jul 2014 Link to this post

    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


  2. Milena
    Admin
    Milena avatar
    224 posts

    Posted 28 Jul 2014 Link to this post

    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.

     
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. WEBSRFR
    WEBSRFR avatar
    14 posts
    Member since:
    Mar 2004

    Posted 22 Dec 2014 in reply to Milena Link to this post

    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.
  5. Deyan Enchev
    Admin
    Deyan Enchev avatar
    60 posts

    Posted 25 Dec 2014 Link to this post

    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.

     
Back to Top