Mobile white screen error "A problem repeatedly occurred"

[arminunruh]

ok so basically iphones have very strict RAM limits for tabs
and your site gets over this limit because of all the vimeo embeds.

every vimeo/youtube embed is like its own small website that is loaded since those players are iframes

and on top of that, vimeo loads placeholder images that are a good size for desktop, but too big for phone, which adds to the RAM problem

im coding a vimeo and youtube lazy loading feature now

[arminunruh]

So it seems that you added all of your Vimeo embeds using +more -> +html

instead of +video -> +youtube/vimeo

This circumvents the lazy loading of videos that is done in some cases, so basically 70 Vimeo videos or YouTube videos are loaded all at once when visiting the website, even though they're not even shown because they're in a hidden page overlay.

And this also loads a Vimeo script 70 times, like the same one. It loads it 70 times because that seems to be part of the HTML video embed.

[arminunruh]

So I coded a workaround where Vimeo videos that were included with the HTML element also lazy load now. Same for YouTube videos.

They were already lazy loaded, but I had to turn off lazy loading of Vimeo and YouTube in some cases because there was some other bug with using the back button.

Well, anyway, now in Lay Options, in the lazy loading section, I introduced two new checkboxes: lazy load Vimeo and lazy load YouTube. I enabled both of them and made it so they're always lazy loaded if you check those boxes. I made it so it always works with HTML element embeds too, as I said before.

[arminunruh]

I uploaded the LayTheme version that contains this fix to your website now, because I saw that yet I still had your admin login. I enabled those two settings. Now it may have fixed the iPhone issue. If not, I'm going to continue working on this tomorrow, I think.

[arminunruh]

What's pretty cool is I already see now, when I visit your website, it loads more than a hundred files less and just a few megabytes instead of 50 on initial load.

[arminunruh]

I would also suggest we keep this setting off. We had this setting turned on on your website, the setting will load images that are way too big for mobile, and this will also create this issue where the website just crashes on your iPhone.

[arminunruh]

by the way, your website is really beautiful, and your work is too. I'm really impressed with everything! <3

[arminunruh]

hmm yea that hasnt fully fixed it yet. I will probably continue debugging this more tomorrow

[arminunruh]

hello, I tested your website again today, and for me it doesn't crash anymore on Safari iPhone. When running through some tests, the website does not use up a lot of resources that could crash anything anymore. Not sure why it didn't work yesterday. I think probably my phone just loaded the older version of the website still. Can you check if it works for you now?

[yaninaisla]

Hello dear @arminunruh, THANK YOU so much for all your dedication in solving this trouble! I just asked some friends to test it out as well, and it seems everything is working well now! :))

[arminunruh]

I'm very happy that it works!
Yeah, sometimes there are some quirks about websites because there are so many different ways to insert content and configure things. I think the fix that I've built, where it does not load like 20 Vimeo iframes all at once, really did the trick. :))