Images loading time in website

Discussion in 'Website Development & Design' started by devip, Jun 19, 2013.

  1. devip

    devip
    uix_expand uix_collapse
    Member

    Joined:
    Feb 7, 2013
    Messages:
    31
    Likes Received:
    2
    Hi all

    How can we put a loading image in a website and reduce loading time of images in a website?
     
  2. singhabhishek251

    singhabhishek251
    uix_expand uix_collapse
    Member

    Joined:
    May 22, 2013
    Messages:
    123
    Likes Received:
    3
    Try to image for web, which will reduce the size of image.
     
  3. MartinLeffie

    MartinLeffie
    uix_expand uix_collapse
    New Member

    Joined:
    Aug 6, 2013
    Messages:
    4
    Likes Received:
    0
    Loading time increases with the size of the image. You can use the <img> tag to load the images. You can get some reviews about websites from yahoo websites review.
     
  4. SoftDev

    SoftDev
    uix_expand uix_collapse
    Member

    Joined:
    Sep 4, 2013
    Messages:
    97
    Likes Received:
    5
    You should try some CDN service such as maxcdn or cloudflare (it does support free account as well) to increase the loading speed.
     
  5. zeropid

    zeropid
    uix_expand uix_collapse
    Member

    Joined:
    Oct 24, 2011
    Messages:
    392
    Likes Received:
    12
    also to increase the loading speed of your website you can use ssd based hosting solutions
     
  6. Fergal

    Fergal
    uix_expand uix_collapse
    Premium Member
    Premium Member

    Joined:
    Nov 18, 2007
    Messages:
    10,575
    Likes Received:
    1,165
    zeropid can you please tell us a little more about that, what it is and how it helps?
     
  7. Trevor

    Trevor
    uix_expand uix_collapse
    Member

    Joined:
    Sep 3, 2013
    Messages:
    69
    Likes Received:
    6
    The load time of a website is directly correlated to the demand made on the server to load the website. The more HTTP requests made to the server and the longer elements take to render, the slower a website will be.
    Examples of HTTP requests are:
    loading CSS style sheets;
    loading scripts;
    loading images;
    loading HTML.
    Another factor that plays into the load time of a website is the size of individual files and images. Large, high resolution images can take 10x as long to load as normal images and unnecessarily large files can drastically slow down page rendering.
    The goal of making a website fast is to make the website more efficient. We can do this through making a series of adjustments to the coding, images, and layout of our website.
     
  8. TimeRider

    TimeRider
    uix_expand uix_collapse
    Active Member

    Joined:
    Apr 6, 2008
    Messages:
    2,761
    Likes Received:
    416
    Resizing the image and slightly decreasing it's quality can make it load faster. You can do this in Adobe Photoshop.
     
  9. brain dhari

    brain dhari
    uix_expand uix_collapse
    New Member

    Joined:
    Aug 21, 2013
    Messages:
    12
    Likes Received:
    1
    You can zip the entire image whatever you are using into the website.
    Google is offering wonderful tools to measure website speed and lot many tips how to reduce the website speed.
    https://developers.google.com/speed/pagespeed/
     

Share This Page