Image Load Order (4 posts)

  1. tfwebdevelop
    Posted 5 years ago #

    Hello all,

    I'm having an issue with a site I am currently finishing up and was wondering if anyone could lend a hand getting to the bottom of it.

    What I would like to improve is the load order of the main images on every page.

    Currently the main images are the last to load, with quite a wait before they pop up. A little disconcerting to have such a large part of the site absent while all the other content is there.

    I have tried resaving them as 'interlaced' so they at least load progressively, but this hasn't helped - they still do not appear at all until fully loaded.

    The site is listed below, slightly NSFW burlesque website - No nudity, just raunchy.


    Thanks in advance

  2. zeniph
    Posted 5 years ago #

    nice looking design

    Interlacing doesn’t have any effect for css background images - have to wait until they are completely loaded until they display.

    The browser kind of just tries to process things in the order in which it encounters them, plus there's a bit of a delay while it loads and interprets the linked CSS. You could perhaps try moving your key elements to be inline css above the css LINK tag in the HEAD so that they are referenced and loaded first.

    Your images also seem pretty huge but I guess thats the rub for such a highly graphical design.

    or you could try for some javascript solution and delay everything until all or specific items have loaded. A bit of messing about I've found in the past and you'd perhaps need to create a loading state also.

  3. tfwebdevelop
    Posted 5 years ago #

    Great, thanks for the feedback. Will keep looking into it.


  4. zeniph
    Posted 5 years ago #

    I see you've also got 2 referenes to style.css in your HEAD - that may also be causing some double load issue perhaps. Not sure but I'd definately fix that first.

Topic Closed

This topic has been closed to new replies.

About this Topic