• 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.

    https://www.thebarberbook.com/HIBALL4/

    Thanks in advance
    Coz

Viewing 3 replies - 1 through 3 (of 3 total)
  • 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.

    Thread Starter tfwebdevelop

    (@tfwebdevelop)

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

    Cheers
    Coz

    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.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Image Load Order’ is closed to new replies.