created a site using slider revolution but it's causing errors on iOS -- "a prob repeatedly occurred". We've tried everything to fix the issue but have not found a solution
Budget: $30 – $250 USD
Synopsis: The developer built, what I would refer to as a Single Page Application, utilizing the Revolution Slider. His initial build was crashing the web browser on iOS.
Upon looking into the issue, I initially thought there was a blank layer trying to load a missing image. This is what web inspector was showing me.
I also believed there could have been an issue with the javascript, because it was being loaded twice on the page, once in the header and again in the footer.
After resolving that issue, and determining there is not a layer missing an image… I thought there was an issue with iOS crashing because the page is too large, coming in at < 50mb of downloadable elements, even though on any given page there are most 10 elements showing at any one time…
Eriks original build had duplicate elements throughout the entire project, once for desktop and again for mobile viewports.
I duplicated the layout, and cleaned it up, set the images up for lazy loading correctly, and got the initial page load size down to the ~ 3.5mb range.
I can get the page now to load on mobile (occasionally), however after going through a couple of pages, the web browser crashes again. I’m assuming because it’s still downloading too much.
Upon looking into the issue, I initially thought there was a blank layer trying to load a missing image. This is what web inspector was showing me.
I also believed there could have been an issue with the javascript, because it was being loaded twice on the page, once in the header and again in the footer.
After resolving that issue, and determining there is not a layer missing an image… I thought there was an issue with iOS crashing because the page is too large, coming in at < 50mb of downloadable elements, even though on any given page there are most 10 elements showing at any one time…
Eriks original build had duplicate elements throughout the entire project, once for desktop and again for mobile viewports.
I duplicated the layout, and cleaned it up, set the images up for lazy loading correctly, and got the initial page load size down to the ~ 3.5mb range.
I can get the page now to load on mobile (occasionally), however after going through a couple of pages, the web browser crashes again. I’m assuming because it’s still downloading too much.