Header image lagging when website opens

  • I’ve added a header image to my wordpress website (oceanwp) using the “customize” tool and by placing the following code in my Custom CSS/JS box:

    #top-bar-wrap, #top-bar-content strong {
    color: #ffffff;

background-image: url(https://www.brazosmg.com/new/wp-content/uploads/2020/01/white_header.jpg”) !important;
	background-repeat: no-repeat;
	margin-top: 30px;
	padding-top: 30px;
}

    For some reason, the header image always lags a couple seconds loading behind the rest of the site. So the site opens with a blank header background and a few seconds later the header image pops open. I can’t tell if it’s just my computer, or if this happens to everyone who opens the site.

    This is slightly annoying me. Can someone take a look and tell me what I might be able to do to correct this issue?

    Thanks
    Saranee

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)

  • Hello @saranee,

    I just visited your website and couldn’t replicate the issue.

    However, some things also depend on hosting and server speed.

    Since it’s a background image, I would suggest decreasing image size for starters (not dimensions).

    In addition, you might also check your SSL certificate, as well as the errors caused by your event calendar plugin.

    Hope this helps.

    Best of luck with your website

Viewing 1 replies (of 1 total)
  • The topic ‘Header image lagging when website opens’ is closed to new replies.