1-888-365-2779
+1-888-365-2779
Try Now
More in this section

Forums / Developing with Sitefinity / Module Images (Thumb Size) / lightbox Lite

Module Images (Thumb Size) / lightbox Lite

11 posts, 0 answered
  1. Markus
    Markus avatar
    2763 posts
    Registered:
    25 Nov 2005
    15 Sep 2009
    Link to this post
    Hi there

    Thumbnails

    I wonderd if there is a way to tell the image module how big the thumbnails KB wise should be.

    I have thumbs with a with 150 pixel which are all 8'192 Bytes in size. I would think that 4 KB would be absolutely big enough for a nice display.

    I have only 4 of them but if I could reduce the size would cut down only on this my homepage file size by 16 KB (first page should load very fast)

    Questions Thumbnails

    a) is there a way to set to what size (kb wise) the thumbs should be reduced. (btw. thats why I developed my own software www.kissmyimage.com to be able to reduce with a output size in mind)

    b) is there a easy way to exchange the thumb images if I have them compressed in Photoshop externaly?

    Lightbox

    The .js files of the Lightbox are rather large. 32, 47, 24 ,3 KB - a total of 106 KB. So havig 4 images with lightbox on my homepage produces a total of 140 KB load. (OK it looks nice and is easy to use)

    Any tips on how to reduce the .js file sizes. Maybe there is stuff I don't need?

    Any one tried this http://www.doknowevil.net/litebox/ ?

    Regards Markus
  2. Ivan Dimitrov
    Ivan Dimitrov avatar
    16072 posts
    Registered:
    16 Jun 2017
    15 Sep 2009
    Link to this post
    Hello Markus Berchtold,

    Using Images and Documents module you can control only the Width and Height of the images during upload. You can get the file size using FileInfo object Length property. Then you can scale the image until the desired length is reached.  As for the LightBox you can use page caching to optimize the performance.

    Kind regards,
    Ivan Dimitrov
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
  3. Markus
    Markus avatar
    2763 posts
    Registered:
    25 Nov 2005
    15 Sep 2009
    Link to this post
    Dear Ivan

    Any help on 

    b) is there a easy way to exchange the thumb images if I have them compressed in Photoshop externaly?

    Replace the generated images manualley.

    Regards Markus
  4. Georgi
    Georgi avatar
    3583 posts
    Registered:
    28 Oct 2016
    15 Sep 2009
    Link to this post
    Hi Markus Berchtold,

    Unfortunately there is no such option yet. We will think about it though. 
    On a side note, do you want to change them because of the quality? What is the reason for this?

    Greetings,
    Georgi
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
  5. Markus
    Markus avatar
    2763 posts
    Registered:
    25 Nov 2005
    15 Sep 2009
    Link to this post
    Dear Georgi

    The reason I want to do this is that sitefinity produces thumbnails in my case of 8 KB. I have images that are only 150 Pixels wide. So they could be easely be compressed to 4 KB without to much loss in quality.

    If I have a galery on a subpage with 20 thats 80 KB vs. 160 KB of thumb images.

    In my case I have decided to put a 4 images with lightbox on the homepage. As you know the first time you access a page a lot of stuff is sent to my browser. My Page is still 600 KB with caching, compression, debug false and everything. (light box scripts are 100 KB).

    So my goal was to optimize the homepage in every possible way. Reducing the size of the thumbs form 4 x 8 KB to 4 x 4 KB - shredds of another 16 KB

    Thats the reason. As you can see from my Fiddler2 protocoll I have lots of stuff loading the first time.

    Exchanged some lightbox files, removed all unwanted .css from menu, panelbar.css and try to reduce it more. But with no success.

    ScriptResources.axd add up to 383 KB (I not know if I am doing something wrong here ?)

    #   Result  Protocol    Host    URL Body    Caching Content-Type    Process Comments    Custom    
    0   200 HTTP    www.8194.ch /home.aspx  17'387  no-cache  Expires: -1   text/html; charset=utf-8    iexplore:7016             
    1   200 HTTP    www.8194.ch /App_Themes/normal/div.css  2'754       text/css    iexplore:7016             
    2   200 HTTP    www.8194.ch /App_Themes/normal/Menu.8194.css    1'023       text/css    iexplore:7016             
    3   200 HTTP    www.8194.ch /App_Themes/normal/PanelBar.8194.css    4'881       text/css    iexplore:7016             
    4   200 HTTP    www.8194.ch /App_Themes/normal/StyleSheet.css   507     text/css    iexplore:7016             
    5   200 HTTP    www.8194.ch /WebResource.axd?d=XkbzhaMclhUoNw7y8z-KcwkM_xjeVm-Jr2koW9kMgfx-cQ9ntbqGnWK-LQlmd_yu0&t=633870807753328262   7'004   public  Expires: Wed, 15 Sep 2010 10:05:21 GMT  text/css    iexplore:7016             
    6   200 HTTP    www.8194.ch /Sitefinity/ControlTemplates/MySearch/searchCommonLayout.css    617     text/css    iexplore:7016             
    7   200 HTTP    www.8194.ch /WebResource.axd?d=oOHxiZbDCidf1dXmwNyJrpg84K57z-aw7WDceeRWnK9qITVzDOw6xNFP07zzyXdidTuojUJrqtCsoLHTSaUgZMOZb8DodeHbl3oD_jPVS2eH6KtSns7Tbt76LyN3PMXrw9TYdYZqOtNtc_L_T2vAjg2&t=633870805842366302 5'929   public  Expires: Wed, 15 Sep 2010 10:05:21 GMT  text/css    iexplore:7016             
    8   200 HTTP    www.8194.ch /Sitefinity/ExternalLibraries/lightbox/css/lightbox.css 1'821       text/css    iexplore:7016             
    9   200 HTTP    www.8194.ch /Sitefinity/ExternalLibraries/lightbox/js/prototype.js  47'607      application/x-javascript    iexplore:7016             
    10  200 HTTP    www.8194.ch /Sitefinity/ExternalLibraries/lightbox/js/scriptaculous.js?load=effects 2'152       application/x-javascript    iexplore:7016             
    11  200 HTTP    www.8194.ch /Sitefinity/ExternalLibraries/lightbox/js/effects.js    11'244      application/x-javascript    iexplore:7016             
    12  200 HTTP    www.8194.ch /Sitefinity/ExternalLibraries/lightbox/js/lightbox.js   19'864      application/x-javascript    iexplore:7016             
    13  200 HTTP    www.8194.ch /App_Themes/normal/Images/bg.jpg    857     image/jpeg  iexplore:7016             
    14  200 HTTP    www.8194.ch /WebResource.axd?d=c0jgoicYcrqzYL4Y4q4lJQ2&t=633693774980000000 20'794  public  Expires: Wed, 15 Sep 2010 10:05:22 GMT  application/x-javascript    iexplore:7016             
    15  200 HTTP    www.8194.ch /WebResource.axd?d=piiSG3fq_GC5HGWreUVozZ-etDUzvGIxAGV0mdH7x3k8hKV8G0RoFNNi5cWivRup11toNRqaEwv-y8ocxaggNQ2&t=633870806117526074 9'317   public  Expires: Wed, 15 Sep 2010 10:05:22 GMT  application/x-javascript    iexplore:7016             
    16  200 HTTP    www.8194.ch /ScriptResource.axd?d=9eJx0QE4jDPx083u2EhgwL2tQSHI_MRrXGuxGBEMEc6tfyQmobBkjYFw5MI7HOB7prc2l87z9ji9VL5sxKl_FmIGz_5Ycc-gpgAycO_dTS41&t=ffffffff9bc3e721   99'445  public  Expires: Wed, 15 Sep 2010 12:13:57 GMT  application/x-javascript; charset=utf-8 iexplore:7016             
    17  200 HTTP    www.8194.ch /ScriptResource.axd?d=9eJx0QE4jDPx083u2EhgwL2tQSHI_MRrXGuxGBEMEc6tfyQmobBkjYFw5MI7HOB7bNuCn46xoOsDXhMT3yhgyOpdmDp5Eo9_E7LMv6WyKJU1&t=ffffffff9bc3e721   32'226  public  Expires: Wed, 15 Sep 2010 12:13:58 GMT  application/x-javascript; charset=utf-8 iexplore:7016             
    18  200 HTTP    www.8194.ch /ScriptResource.axd?d=iNHVY7LXjvbpyIyC5LiWho6a4da9EMJNqtBef_NJtzM4mioKNtggn-vMBLaOCb2N0&t=2169c507  37'526  public  Expires: Wed, 15 Sep 2010 12:13:58 GMT  text/javascript; charset=utf-8  iexplore:7016             
    19  200 HTTP    www.8194.ch /ScriptResource.axd?d=iNHVY7LXjvbpyIyC5LiWho6a4da9EMJNqtBef_NJtzPUZGUtbAx5YZM-sc7zGi8VpmP_fuBLKUKXTi1VOxEw_Q2&t=2169c507    57'286  public  Expires: Wed, 15 Sep 2010 12:13:58 GMT  text/javascript; charset=utf-8  iexplore:7016             
    20  200 HTTP    www.8194.ch /ScriptResource.axd?d=iNHVY7LXjvbpyIyC5LiWho6a4da9EMJNqtBef_NJtzMP18NPUWm1BTCZNbEogWye3E6pzSH-SA_j_7CxbbBLMw2&t=2169c507    5'469   public  Expires: Wed, 15 Sep 2010 12:13:58 GMT  text/javascript; charset=utf-8  iexplore:7016             
    21  200 HTTP    www.8194.ch /ScriptResource.axd?d=iNHVY7LXjvbpyIyC5LiWho6a4da9EMJNqtBef_NJtzPCt2qs9ucP6znFKqllwIaWfEM8oBFtV_1WxqlQuVMKVKKRa_xqJ4q3VBYXwygGfng1&t=2169c507   3'586   public  Expires: Wed, 15 Sep 2010 12:13:58 GMT  text/javascript; charset=utf-8  iexplore:7016             
    22  200 HTTP    www.8194.ch /ScriptResource.axd?d=iNHVY7LXjvbpyIyC5LiWho6a4da9EMJNqtBef_NJtzNFJjFerEn6H-CwI2eaKaKmnuuTAfMaK06_YVp2Sm2_KmWGPYAvcqgbyQIQD1aQ9Us1&t=2169c507   35'253  public  Expires: Wed, 15 Sep 2010 12:13:58 GMT  text/javascript; charset=utf-8  iexplore:7016             
    23  200 HTTP    www.8194.ch /ScriptResource.axd?d=iNHVY7LXjvbpyIyC5LiWhulTYvejfz9anbbLrUFWFoX_53NqiFFWLsYP8rP_cRAqoJQm3z0z3EllXfkiJIpgSw2&t=2169c507    84'897  public  Expires: Wed, 15 Sep 2010 12:13:58 GMT  text/javascript; charset=utf-8  iexplore:7016             
    24  200 HTTP    www.8194.ch /App_Themes/normal/Images/bg_inner_top_fein.jpg 7'002       image/jpeg  iexplore:7016             
    25  200 HTTP    www.8194.ch /Images/logo.gif    4'339       image/gif   iexplore:7016             
    26  200 HTTP    www.8194.ch /App_Themes/normal/Menu/bg.jpg  384     image/jpeg  iexplore:7016             
    27  200 HTTP    www.8194.ch /App_Themes/normal/Images/bg_content_fein.gif   13'131      image/gif   iexplore:7016             
    28  200 HTTP    www.8194.ch /WebResource.axd?d=TjzlJlv1dR2Ktr42-9CGcg2&t=633693774980000000 43  public  Expires: Wed, 15 Sep 2010 10:05:23 GMT  image/gif   iexplore:7016             
    29  200 HTTP    www.8194.ch /Libraries/Homepage/Demobild_4.tmb.ashx?width=150&height=150&decreaseOnly=true&proportional=true    8'192   public      image/pjpeg iexplore:7016             
    30  200 HTTP    www.8194.ch /Libraries/Homepage/Demobild_3.tmb.ashx?width=150&height=150&decreaseOnly=true&proportional=true    8'192   public      image/pjpeg iexplore:7016             
    31  200 HTTP    www.8194.ch /Libraries/Homepage/Demobild_2.tmb.ashx?width=150&height=150&decreaseOnly=true&proportional=true    8'192   public      image/pjpeg iexplore:7016             
    32  200 HTTP    www.8194.ch /Libraries/Homepage/Demobild_1.tmb.ashx?width=150&height=150&decreaseOnly=true&proportional=true    8'192   public      image/pjpeg iexplore:7016             
    33  200 HTTP    www.8194.ch /Images/icons/PB_sitefinity97x20pix_WB.gif  677     image/gif   iexplore:7016             
    34  200 HTTP    www.8194.ch /App_Themes/normal/Images/bg_outer_bottom_fein.gif  1'214       image/gif   iexplore:7016             
    35  200 HTTP    www.8194.ch /App_Themes/normal/Images/banner_aktuell.jpg    25'035      image/jpeg  iexplore:7016             
    36  200 HTTP    www.8194.ch /WebResource.axd?d=1JlRYXu0npC2JCUDLBChbfWbVYJcaPt-gcUvHOrz1b0R-PlObr_kkkCNVyi46CGZBDraZo0e5zKzn0qDAzHJ3A2&t=633870805306265690 978 public  Expires: Wed, 15 Sep 2010 10:05:24 GMT  img/gif iexplore:7016             
    37  200 HTTP    www.8194.ch /Sitefinity/ExternalLibraries/lightbox/js/loading.gif   2'364       image/gif   iexplore:7016             
    38  200 HTTP    www.8194.ch /Sitefinity/ExternalLibraries/lightbox/js/spacer.gif    56      image/gif   iexplore:7016             
    39  200 HTTP    www.8194.ch /Sitefinity/ExternalLibraries/lightbox/js/start.gif 463     image/gif   iexplore:7016             
    40  200 HTTP    www.8194.ch /Sitefinity/ExternalLibraries/lightbox/images/closelabel.gif    979     image/gif   iexplore:7016             
    41  200 HTTP    www.8194.ch /Sitefinity/ExternalLibraries/lightbox/images/blank.gif 43      image/gif   iexplore:7016             
    42  200 HTTP    www.8194.ch /Sitefinity/ExternalLibraries/lightbox/images/loading.gif   2'767       image/gif   iexplore:7016             
     

    Regards Markus
  6. Georgi
    Georgi avatar
    3583 posts
    Registered:
    28 Oct 2016
    17 Sep 2009
    Link to this post
    Hello Markus Berchtold,

    Thank you for the notes. I see the reason now - perhaps we should optimize the thumbnail generating and compression in this case. In either case I will log this as a task - both considering the thumbnail size and the option to change the thumbnails themselves.

    Thank you once again. 

    Greetings,
    Georgi
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
  7. Markus
    Markus avatar
    2763 posts
    Registered:
    25 Nov 2005
    17 Sep 2009
    Link to this post
    Dear Georgi

    Thanks for your replay. I am sure you guys will come up with something that will suprise us. Nowadays bandwith is not such an issue as it was 10 years ago when I started publishing pages 2400 modems LOL

    But as I mentioned my ScriptResources.axd files add up to 383 KB (any idea how to reduce that?)

    So I want to make sure that everything else is optimized. You might want to take a look at my software www.kissmyimage.com which I developed exactly for the purpose to set an max KB size when reducing images.

    It could be that you could enter a size like reduce thumbs to a max of n KB.

    Love your Rad Tools and think your support is simply outstanding.

    Thanks a lot
    Markus
  8. Georgi
    Georgi avatar
    3583 posts
    Registered:
    28 Oct 2016
    18 Sep 2009
    Link to this post
    Hello Markus Berchtold,

    I checked your home page and saw the resources being downloaded (via ScriptResource). I do not think they can be optimized in regards to lower size, because all of the represent the Ajax framework or the JS libraries that you use - jQuery, Scriptaculous and prototype. If you are not using any Ajax functionality, you can try to remove the ScriptManager from the masterpage.

    I noticed though that the script files are not loaded from the cache on the next requests. You can enable the Content Expiration headers in IIS, so the browsers could cache the scripts on the first visit. 

    Since the requests are too many, you could also try to combine the scripts into one - http://telerikwatch.com/2008/04/optimization-tipsthe-rad-managers-for.html
    of use the RadCompression to compress these scripts -

    Please try these approaches and let me know about the results.

    Regards,
    Georgi
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
  9. Georgi
    Georgi avatar
    3583 posts
    Registered:
    28 Oct 2016
    18 Sep 2009
    Link to this post
    Hi Markus Berchtold,

    Just a quick follow up - I have checked the software you made. I like it :) I also think that got the idea - a maximum thumbnail size will be a good feature.

    Thanks!

    Best wishes,
    Georgi
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
  10. Markus
    Markus avatar
    2763 posts
    Registered:
    25 Nov 2005
    18 Sep 2009
    Link to this post

    Dear Georgi

     

    If you ging up on www.kissmyimage.com I would be very pleased to send you 5 free keys for the software if you like it and thinks that you and your colleagues at telerik can make use of it. It's the least I can do for all your effort helping me.

     

    Just sing up and I generate the keys for you.

    =======================

    I don't know what page from me you checked. The one I am developing and concerning about needs a  ScriptManager (RadControl Menu1 needs a Script Manager) :-)

    I also added this to my web.config

     

    <!--

     

    Add this line exactly as is - the name value is important -->

     

    <

     

    add name="RadCompression" type="Telerik.Web.UI.RadCompression" />

     

     

     

    I use Fiddler2 to check traffic and on my page I am developing the scripts are only downloaded once

    So after all I think I am stuck with the big download on the first page :-(


    Regards Markus

  11. Georgi
    Georgi avatar
    3583 posts
    Registered:
    28 Oct 2016
    23 Sep 2009
    Link to this post
    Hello Markus Berchtold,

    First of all, thank you very much for your kind suggestion! I have distributed it around the company, if someone asks, we will get back to you :)

    The removal of the Script Manager is not an option in your case - you are right.  Unfortunately I am not sure what else I can suggest you. The scripts are something that the user should have. I will think of another solutions and will get back to you if I come up with something. 

    Kind regards,
    Georgi
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
Register for webinar
11 posts, 0 answered