Page jump in Safari


I’m trying to eliminate an irritating page jump issue with Safari.

I thought it might be the font-load issue, but setting a .wf-loading opacity to 0 hasn’t fixed it.

Could it be something more fundamental with the way I’ve built some of my elements?

If anybody has a minute, I’d be grateful.

It loads like silk in Chrome.


.wf-loading * {
    opacity: 0;

It’s important that you set the loading of all the images that are on top of the page to Eager.

1 Like

Thanks, Vincent, I had no idea.

It has improved significantly, but I still get a jump and a flicker in Safari, even on cached pages.

I wonder if my show/hide mobile nav element is causing it. Would some “waitLoad()” script for Safari solve this?

It’s not a huge deal; I can live with it, as it works perfectly in Chrome. But Safari users are probably a big chunk of my audience.

Thanks for your help, by the way.