Site Loads Wrong Theme for Split Second When Navigating on Site

WK100
Explorer
55 1 9

Hey There! When loading new pages on my website, for a split second the old theme will display before the actual content gets loaded. I think it has something to do with how the CSS is being read by the site.  It will look like this before loading the full page:

WK100_0-1696462004805.png

 

Is there a way to get this to not display and just have the actual content load?

 

Link: https://w95ulby72nwdogan-81877893427.shopifypreview.com

 

 

Replies 4 (4)

Dan-From-Ryviu
Shopify Partner
7990 1560 1583

Hi @WK100 

The issue is background image of your page too big so it will need take a time to load, that is why you got that layout. Screenshot 2023-10-05 at 08.52.44.png

- Helpful? Like and Accept solution to let me know or Buy me coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

WK100
Explorer
55 1 9

@Dan-From-Ryviu  Thanks! Is it because it is too big of a file size or too big of the rendered size

 

If I lower it will it solve the issue? 

Dan-From-Ryviu
Shopify Partner
7990 1560 1583

Your image ratio is 5000x4000 px, and 207 kb

- Helpful? Like and Accept solution to let me know or Buy me coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

WK100
Explorer
55 1 9

@Dan-From-Ryviu Correct, but do I need to make the image ratio smaller or the file size smaller to fix this? Or both?