Hi everyone, this is my first post here so I hope this is the correct place to ask.
I’ve recently launched a WordPress based site for a client and am having some major issues specifically with the Safari browser.
Essentially the page loads and works fine across all the browsers and os that I’ve tested (chrome, Firefox, edge, and their mobile counterparts.) But on Safari, specifically on desktop, the homepage loads extremely slowly and when it does load it is extremely… leggy? Like you can scroll a bit and a few seconds later things will shift and it’s just generally an unpleasant experience.
We tried to find what is causing the issue by turning off more customized or weird elements one at a time and then retesting and the primary cause of the issue from what we can find is two video widgets near the bottom of the homepage which show two self hodted videos.
When disabling or even hiding these videos then the page speed and functionality improve dramatically on Safari, but having them enabled instantly causes the issues to return.
Some things we’ve tried to fix the issue:
-Disabled autoplay on the videos
-Re-exported and reuploaded the video files using recommended codex and settings in handbrake
-tried uploading them to YouTube and embedding on the site, won’t work because can’t get rid of YouTube branding
-found an article that suggested cloudflare could be causing the issue so disabled cloudflare and no change, so reenabled it.
-turned on lazyload for the videos
-Removed styling from the video widgets in case that was somehow causing an issue.
At this point I’m not sure what else to try and how to fix the issue.
What makes this much more difficult is that I don’t have a laptop or desktop with Safari so am having to make changes and ask a friend to test on their side making things quite slow.
We have other video files on other pages of the site that all play fine and don’t seem to cause these massive issues and they seem to be set up in the same way.
Does anyone have any ideas as to what could be causing this and any ideas for fixes?
Using the Astra free theme and elementor pro page builder.
I’m not sure what other info might be helpful but happy to provide anything that might help.
[ad_2]