My website has two pages that are extremely slow to load on the live site (primarily mobile view), and I will try anything to speed it up! Is there a code to prioritize image loading or improve loading time? The pages themselves are fairly simple:
www.magicsmission.com/adoptable-dogs
The Adoptable Dogs page contains a single repeater with one image each and some text. The images sometimes do not load at all on the live site, or they only load if you refresh the page several times. When they fail to load, the page displays the placeholder image on repeat and links it to wix.com. This issue is particularly noticeable when looking at the page on mobile device.
www.magicsmission.com
The landing page issue is just the 3 image carousel at the top of the page. I’ve optimized these images for web, so they’re not heavy. I’m not sure why it takes so long to load. This is also particularly bad when viewing on mobile devices.
I’ve optimized all images for web, and turned on page cache. I’ve ensured all datasets are synced from Sandbox to Live. I also sent an email to Wix and they literally just directed me to this forum! What else can I do?
Helping me helps these dogs get adopted
Thank you!!
Sara, looked at both pages and although I am probably on the slowest connection of any of you, both pages load quickly enough, within 2 or 3 secs, with alll images.
Really? I am very surprised! Is this on mobile or desktop? Mobile is the main issue I am having.
Thank you for your feedback!
@saratisch2 That was on desktop. Mobile was a bit slower. Pages loaded within 5 secs, but strip and repeater images within 15. I saw something like “fetching page” in a graphic. I am on a slooooooow connecion from South-America.
Just a thought: if you want to prevent people from leaving, you might try to add a preloader. Search the forum for “preloader” and “real preloader”. Won´t make your page any faster, but at least people get some feedback (a spinning wheel).
@giri-zano The fetching page graphic is a preloader I added just today! Unfortunately sometimes when the page finishes ‘loading’, the repeater still only displays the placeholder image. It is not until I manually reload the page that the images in the database populate the repeater. I don’t know why it does this.
@saratisch2
As Giri states perfectly already, you can use the code example given in this previous forum page that I have used myself and it works fine for both desktop and mobile.
https://www.wix.com/corvid/forum/community-discussion/real-preloader-on-a-wix-website
Or you can look at adding the Mobile Tool of Welcome Screen that Wix provide for mobile versions through the mobile editor itself.
https://support.wix.com/en/article/adding-a-welcome-screen-to-your-mobile-site
https://support.wix.com/en/article/customizing-your-welcome-screen-on-your-mobile-site
Plus, continuing on from Giri’s comments above, your mobile version will be slower, hence why the preloader or the welcome screen from Wix is a great solution.
However, you also have to take into consideration the actual mobile device and internet connection that is being used to view the website on too.
With desktop the user might have fibre or fast broadband ethernet connection at home so opens on pc or mac fast, whereas on mobile they might have an older phone or a slow wifi speed or might be on 3g still or poor 4g connectivity or a slower public wifi for example.
So that will be a major factor to make the website load slower and there is nothing that you can really do to make it faster.