ios - Wordpress image rendering problem on iPhone 6 / iPhone6 Plus

Question

We have a page that contains 20 .svg images. Page renders completely fine on first load for all of the devices that we tested but specifically for iPhone 6 and iPhone 6 Plus once we scrolled the page to bottom or to top a little fast images gets disappeared and it takes time to re-render it I have tried couple different solutions but none of them seem to work. I would really appreciate some help.

The page that I have been facing problem with : https://transform.makeen.io/forms

Video from an iPhone 6 :

https://youtu.be/XPQza2fDzjs

Video from an iPhone 8 :

https://youtu.be/OKbTUORQAG4

Thanks

Answer 1

This might be related loading="lazy". Since Wordpress 5.5 by default loading="lazy" is applied to images as it became a native browser behaviour.

• Source @ //make.wordpress.org/core/.../lazy-loading-images-in-5-5/

We can disable this native behaviour by using this filter wp_lazy_loading_enabled hook filter in your function.php.

add_filter( 'wp_lazy_loading_enabled', '__return_false' );

As per the Can I Use the support for attribut loading="lazy" is still has a global of only 72.72%.

IE	Edge	Firefox	Chrome	Safari	IOS Safari
Not Supported	Supported	Partial Support	Supported	Not Supported but can be enabled	Not Supported but can be enabled