I’m making a website for my E-commerce business using Swell.store.
As mentioned in the title, on my product pages specifically (like this one: Infinity Gaming Desk), the placeholder texts and images (more like empty spaces reserved for them) are shown for a second while the actual product information loads from Swell.store.
I don’t want to use loader screens or elements because 1) they can be visually unappealing and 2) I’m concerned they might impact SEO. But more importantly, this brief display of placeholder content can be jarring for users and disrupt the shopping experience.
That’s why I’m looking for alternatives to avoid showing placeholders altogether. Ideally, I’d like to explore ways to:
- Optimize query times for faster data retrieval.
- Pre-load the product information before the user visits the product page.
- Potentially delay page loading until the actual information is available.
I tried implementing the Javascript code for a service called instant.page: https://instant.page/ that loads the site when the user hovers on a link, but it wasn’t successful (I placed the JS code at the end of the footer element on every page). If there’s another solution that works, I’d appreciate any recommendations!
This is the link to my Plasmic project: Plasmic
And this is the URL of my website: https://turismo-racing.plasmic.run