Question:
Currently trying to visit our Products Page from the Home page takes a long time to load (especially on mobile). It will often take 5 seconds or more where nothing seems to be happening. What’s the best way to speed up page loading or have some indicator that stuff is happening? Is there some way through code to query my databases or connecting to the products collection more effectively?
Product:
Wix Editor
What are you trying to achieve:
I’m hoping someone has advice on how to make things work faster, especially on mobile. I think perhaps the product page is loading 15 images (because each of the 3 colors has 5 images) so it is adding to the loading speed. We’ve optimized the images, but perhaps there is a way to default it to a certain color and only show the 5 images connected to that particular color?
What have you already tried:
I’ve tried to put a preloader/loading page in the custom code for the Store/Products pages. (does not appear fast enough and sometimes freezes on the preloading). I’ve tried to prefetchPageResources for each of my product pages (which didn’t speed it up at all). I even made a custom product page and it was still slow. Nothing seems to be working well and I’m hoping someone has advice on how to make things work faster or indicate that stuff is happening when buttons are clicked.
Hi,
To address the slow loading issue on your website, especially when visiting your product page from the home page, there are a few steps and techniques you can apply to improve performance—especially on mobile devices. Here’s how you can approach this:
- Optimize Images
- Use next-gen image formats like WebP instead of JPEG or PNG for smaller file sizes and faster load times.
- Consider lazy loading images so they load only when they come into the user’s view (rather than all at once when the page is loaded). Wix has a built-in lazy loading feature, but ensure it’s enabled for product images.
- Optimize Page Resources and Prefetching
- Consider deferring non-essential scripts or assets (like images or third-party integrations) until after the initial page load. This ensures that only critical content loads first.
- Optimize your CSS and JavaScript by minifying them and removing any unused styles and scripts.
- Use Wix’s built-in page caching to improve performance on repeat visits by serving a cached version of the page to returning users.
- Check for Performance Bottlenecks in Wix Studio
- Reduce third-party integrations: Each app or script can add additional loading time. Remove or optimize any non-essential apps.
- Simplify the layout: If possible, reduce the number of complex elements like animations, videos, or sliders that may slow down the page rendering.
- Use Wix’s built-in performance tools to identify and fix other performance bottlenecks.
After appying these changes on the website, check your site’s performance again to check the impact on product page speed and get more actionable suggestions.
As an alternative to manual optimizations, you can explore Website Speedy—our speed optimization Wix App that handles performance enhancements automatically. It comes with a 14-day free trial, making it easy to test and implement optimizations. You can install it here: https://www.wix.com/app-market/websitespeedy
(Disclaimer: We are the developers of Website Speedy and are happy to answer any questions you may have.)