Original Background Image Shows Briefly On Refresh

  • I have a custom background image and lately when I refresh the page, the original background is there for a second before my custom image finally takes over. How can I prevent this from happening?

Viewing 11 replies - 1 through 11 (of 11 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Can you use PasteBin to hold your header.php file and send us the PasteBin’d link to that page?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Also try this plugin https://www.ads-software.com/extend/plugins/footer-javascript/

    Thread Starter Rick5150

    (@rick5150)

    Is this correct?

    https://pastebin.com/JArTSKfB

    I am not clear on the plugin… what does it do (in laymans terms?)

    Thank you for your quick response.

    Thread Starter Rick5150

    (@rick5150)

    UPDATE: I have disabled my plugins and it appears to be the Jetpack installation that is causing this. Once I disable that one, all is fine. When I re-enable it, things go awry again.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Did the footerscripts plugin improve the issue?
    What I think is happening:
    1. The stylesheet with the original background is loading first.
    2. JavaScript is loading afterwards.
    3. Then after that, the Custom CSS that has the correct background is loading.

    If you move JavaScript to the footer, steps 1 and 3 should happen seamlessly.

    Thread Starter Rick5150

    (@rick5150)

    Thanks Andrew, that helps me understand.

    I had not tried it because I did not know what it did. I do not like loading too many plugins without understanding what they do as it means more potential to give me problems with each update.

    I will try it so we can add this as a possible solution as well, but I am not sure about the benefit of the Jetpack plugin as it seems more like a potential problem than anything else.

    I was using Jetpack to add custom CSS, but found a field in my site theme that does the same thing, so I do not need Jetpack and then problem went away.

    Thread Starter Rick5150

    (@rick5150)

    NOPE. The footerscripts did not help. I enabled them first and everything was fine. Then I reactivated Jetpack and the problem was back. Jetpack is again disabled.

    Thread Starter Rick5150

    (@rick5150)

    UPDATE: Just noticed that the Javascript to Footer plugin also brought my image slider to a screeching halt. Deleted it…

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    When you disable Jetpack, does the background image you want disappear?

    Thread Starter Rick5150

    (@rick5150)

    No. When I disabled Jetpack, the site loaded noticeably faster with no old background image “flicker” at all. You cannot even tell the original template background image is there.

    If you would like, I can enable Jatpack when you are available to see the site. Once you confirm, I will disable it so you can see the difference. Just let me know.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    If you really don’t need Jetpack, then yes, you can remove it.

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Original Background Image Shows Briefly On Refresh’ is closed to new replies.