Currently, the slideshow loads after/while the rest of the homepage loads. This is super slow, despite having optimized the slide images. It opens gray, and stays that way for ages.
I want to have all the loading of the storefront focused on loading the slideshow, so that the user sees the first image, and has that positive impression right away.
Please let me know how that can be possible! Thank you 🙂
That's a tough one because images are generally way bigger than the rest of the webpage. So you'd just be looking at a blank page instead of a grey slideshow. One technique you may have seen on other sites is that the slideshow appears blurred until it finishes loading. This is done by downloading a very, small low-resolution image and kindly asking the browser to display it as blurred while the real images are downloaded in the background.
You can try to compress your slide shows sizes. Ideal size: 1200×800 PX.
Or use apps for speed loads like Page Speed Optimizer.
Hope it helps! Thanks!
Need an expert?
Contact us: www.fiverr.com/aitechdigital
2.Preload the first image in your slide
3. Make sure you don't have lazyloading enabled for the first image in your slide
4. Try take the code that initializes the slide, and taking it outside the main theme js code, and putting inline, also place that inline js above other js, unless of course its dependent on Jquery.
Consider resizing your slide image and also using a CDN content delivery network to help load those bulk images and CSS on another server. I hope that will help
Make the shift from discounts to donations, and witness your business not only thrive fina...By Holly Dec 4, 2023
On our Shopify Expert Marketplace, you can find many trusted third party developers and fr...By Arno Nov 27, 2023
You've downloaded the Search & Discovery app from the Shopify App store, and as you're ...By Skye Nov 8, 2023