New Shopify Certification now available: Liquid Storefronts for Theme Developers

Site Loads Wrong Theme for Split Second When Navigating on Site

WK100
Explorer
51 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
5679 1047 1073

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 a solution. - Donate: Buy coffee - or Paypal me ❤️
- Ryviu - Product Reviews app, collect consumer photo reviews, import reviews from AliExpress, Amazon, Etsy, Shoppe and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 3 months of Shopify for $1/month. Sign up now

WK100
Explorer
51 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
5679 1047 1073

Your image ratio is 5000x4000 px, and 207 kb

- Helpful? Like and Accept a solution. - Donate: Buy coffee - or Paypal me ❤️
- Ryviu - Product Reviews app, collect consumer photo reviews, import reviews from AliExpress, Amazon, Etsy, Shoppe and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 3 months of Shopify for $1/month. Sign up now

WK100
Explorer
51 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?