Load 1000 images smartly

Discussion in 'Programming' started by cryoffalcon, Apr 13, 2012.

  1. #1
    Hi,
    well I have like 1000 images on the same page, unfortunately I can't use sprites on them, as the number of images increases continuously. So you can imagine it sends 1000 http requests, so it takes lots of time for the images to load plus it's not good experience for the visitors.
    I have seen one of the scripts named as Lazy Load, but I was thinking if there is more SMARTER WAY of loading images (good regarding SEO, loads images faster and is good for user experience).
    So, I was wondering if there is a way out to loading images in a better way?
     
    cryoffalcon, Apr 13, 2012 IP
  2. sarahk

    sarahk iTamer Staff

    Messages:
    28,830
    Likes Received:
    4,541
    Best Answers:
    123
    Trophy Points:
    665
    #2
    You can still use sprites if the sprite file is generated dynamically but it may not be practical.

    Have you thought of breaking the content up onto multiple pages?

    Or what about multiple subdomains so that more are called at the same time?
     
    sarahk, Apr 13, 2012 IP
  3. Techmafia

    Techmafia Well-Known Member

    Messages:
    678
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    108
    #3
    If generating sprites isnt possible, you can host images on a cdn ?

    it might help in loading images faster and also good for SEO also Google's PageSpeed tells to use a cdn in case of huge multimedia content (images / js , etc)
     
    Techmafia, Apr 13, 2012 IP
  4. cryoffalcon

    cryoffalcon Peon

    Messages:
    102
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Well splitting them into many pages will not be possible as you can see the reason here, I will show you a test page, its not based on 1000 images but its the same style of page that I am talking about, here is the link
    http://bloghutsbeta.blogspot.com/2012/03/testing-2_04.html

    Can you give any suggestion if the page is like that, You can see sprites one of a headache, and splitting it into many pages, I don't know if its possible with this quicksand plugin.
     
    cryoffalcon, Apr 14, 2012 IP
  5. cryoffalcon

    cryoffalcon Peon

    Messages:
    102
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    CDN, well I am not that rich to have one CDN for myself, can you tell me any idea, like if there is any image hosting that is providing cdn?
     
    cryoffalcon, Apr 14, 2012 IP
  6. Techmafia

    Techmafia Well-Known Member

    Messages:
    678
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    108
    #6
    CDN DOESNT MEAN U NEED MONEY

    ok here is the secret :

    get a info from godaddy (just for 1$)
    host your domain via cloudflare( FREE)
    get a shared hosting (10$ per year)

    so total 11$ a year , and believe me cloudflare , if its static on domain, your loading 1000 images will load like 2 seconds after 1st time ;)
     
    Techmafia, Apr 14, 2012 IP
  7. cryoffalcon

    cryoffalcon Peon

    Messages:
    102
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #7
    Well thanks for the information I guess I have to look in that direction too, can you provide with a good page which explains CDN as on google when I look for CDN it is always something that I am not looking for.
     
    cryoffalcon, Apr 14, 2012 IP
  8. sarahk

    sarahk iTamer Staff

    Messages:
    28,830
    Likes Received:
    4,541
    Best Answers:
    123
    Trophy Points:
    665
    #8
    The hosting is irrelevant, they will always load quickly "after 1st time" - it's called caching.

    The only hindrance I can see is that its blogspot which it really shouldn't be. However if you have your own site hosted elsewhere then the images and the script that generates the sprites can be on that second site. You don't have to do it manually, just write a php script to work through the images and generate the sprites file(s).
     
    sarahk, Apr 14, 2012 IP
  9. damoncloudflare

    damoncloudflare Greenhorn

    Messages:
    78
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    16
    #9
    This Wikipedia article on Content Delivery Networks (CDN) is good.

    Here's how CloudFlare's CDN works.

    "The only hindrance I can see is that its blogspot which it really shouldn't be."
    If the site in question is yourname.blogspot.com, then this couldn't be added to CloudFlare. You would need to have a custom domain (yourdomain.com) and have control over the DNS.
     
    damoncloudflare, Apr 16, 2012 IP