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.