Website extremely buggy on iPhone safari

Design help Layout & Design
1

I’m at a loss here since I’ve tried everything… Alas, nothing worked so far but I’m hoping to get some answers here if someone had the same problem.

The website I’m working on for a client is extremely buggy on iPhone - the animations don’t load and it stutters all the time. You can see it live here:

https://astrafx.webflow.io/trading-platforms
https://astrafx.webflow.io/

I’ve tried a lot of stuff.

  • Deleted all custom CSS animation/code
  • Replaced all my SVG embeds with svg images (this resolved DOM issue on page speed insight, but not this problem)
  • Placing css styles in head
  • Removing all box-shadow effects/animations
  • Removing all gradients
  • Removing -webkit- animations
  • Optimizing CSS animations code

Probably a bit more stuff than this, but nothing helped so far. Any advice?

Here is my site Read-Only: Webflow - AstraFX - New

2

hi @Mislav_Repinac website is choppy on load in all desktop browsers.

as you do not provide also “read-only” no one will be able to look inside and check what and where can be the issue.

What I can only guess is that rendering engine fight with some JS. :man_shrugging:

in dev-tools the rendering time looks fine (around 2s) but images or even elements have render delay on scroll means they aren’t rendered at all or they are rendered only partially (1/3 - 1/2) and get fully rendered with delay after scroll etc…

3

I did put read-only within OP, check the bottom, but if you don’t see it, here it is: Webflow - AstraFX - New

Do you know how to fix that scrolling issue? I never had that before… That’s weird!

4

hi @Mislav_Repinac here are some of my notes.

5

First of all man thank you for the HUGE help. That SVG did cause the stutter and now it’s fixed!

Regarding the FAQ, I just removed the outline-gradient div that was wrapping the faq_dd and it’s fixed :slight_smile:

Thank you once again man, I appreciate it a LOT

1 Like