I have an issue with my mobile site. Once I load a page (doesn’t matter which page), as soon as I scroll down, I only see the background color. It takes about 1-2 seconds before the content shows up. But this also happens when I’m at the bottom of the page and scroll up fast. Content disappears for a bout 2 seconds and then reappears again. So it feels like it’s being loaded into chunks.
This is not the expected behavior.
I have already tried removing any custom code in my site settings, I tried removing any interactions on page load and all my images are pretty small.
Here is a video of what I’m talking about: Dropbox
Here is my site Read-Only: Webflow - Alice
And this is the link to the site published on the webflow domain (to check on mobile): About us
I’ve been testing on the about us page, because I think it’s one of the smaller pages which shouldn’t have any issues with loading what so ever.
This looks very unprofessional, and I would like to have a fast loading website, also on mobile.
To improve your site’s loading performance, here are several optimization strategies you can implement:
The first step is to check your image loading settings. In your image settings, change from “Lazy: loads on scroll” to “Eager: loads with page” if you’re experiencing issues with image display.
For additional performance gains, you can:
Remove unnecessary transitions and transforms
Minimize linked elements and third-party integrations
Reduce complex interactions and animations
Review and optimize any embedded content
You can also enable asynchronous JavaScript loading in your site’s advanced publishing options, which allows content to render more quickly while scripts are loading.
Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.
You’re not experiencing the chunky loading like in my video? Maybe it’s just my device? But the issue is, I have tried it on multiple phones and I keep getting the issue.
I saw the video thanks for sharing it. I can see what you mean. The page goes blank for a second when scrolling fast, which makes it feel like the site is reloading parts of the content. You can do few things like:
Check your background settings
Sometimes when sections have background colors or images with effects like fixed or parallax the browser needs extra time to re-draw them.
Go to each section in your page and check the background.
If you’re using ‘fixed’ or ‘parallax’ backgrounds change them to scroll instead.
That alone often removes the flashing.
Remove or limit scroll animations
If you’ve added fade in or slide in animations that trigger when elements come into view they can make content disappear temporarily.
Go through each section and see if “Scroll into view” or “While page is scrolling” animations are set.
Try disabling them (just for mobile) and test again.
Your content should now appear instantly instead of fading in late.
Avoid using overflow: hidden on big sections
This is sneaky if a large wrapper like your main div or section has overflow: hidden, the browser has to re-calculate and repaint every time you scroll.
Check your top-level containers and remove overflow: hidden where possible.
4. Use a simpler structure for mobile
If you have many nested divs or complex layouts, mobile browsers struggle a bit.
Reduce the nesting for ex, use fewer wrapper divs.
Combine similar sections if possible.
5. Clear unnecessary scripts
Since you’ve already removed custom code this may not be the issue but you can double check your ‘Before ’ scripts in Page Settings to make sure nothing is trying to reload elements on scroll.
If you want to make your pages load even faster overall especially images and scripts. You can also look into the Website Speedy App. It optimizes sites automatically and improves mobile performance without changing your design.
.