‘The web page is not available’ on mobile only

You have some serious issues with that page.

– 2468 requests
– 337 MB
– 2.7 minutes to load on a 100mb connection

Unfortunately there’s no quick fix.

The fact you have 60 YouTube videos embedded on the page if contributing to this problem.

I attempted to load it on an iPhone twice and twice it crashed the browser and the third time is spontaneously restarted the device. On desktop, it was even difficult to get the browser to respond when hitting the browser stop button (Chromes task manager saw the CPU close to maxed). It’s so bad that Google’s PageSpeed Insights reports the page as “Hung”.

I’d say this is actually a resource issue, not specifically an iPhone issue. Any device (mobile or desktop) with limited resources will likely have the same problem.

Taking a guess, the message “The web page is not available” is probably the mobile browser saying it doesn’t have the resources to render it, before it gets a chance to crash.

Speaking as a developer, the first thing you need to do is think about how to present this page in a manner where you’re not loading 60 embedded videos all at once. Putting the page performance aside for a moment, having a shnizzle-tonne of videos stacked on top of each other is a bad user experience.

At the very least, see if you can lazy load the videos. It’s far from a perfect solution but it will be a good start.

Good luck.

• This reply was modified 8 months, 4 weeks ago by Michael Ott.
• This reply was modified 8 months, 4 weeks ago by Michael Ott.

What would you suggest is a good way of posting multiple videos onto one page for user experience?

That depends. Options:

1) DIY code: I would use the YouTube API to just pull the video thumbnails (medium sized ones would be fine) and descriptions, and only allow a video to play on click (or instead links to its page on YouTube). Display the thumbnails in a nicely presented grid would work.

2) Within WP: If you’re using a page builder, you’re at the mercy of what it will let you do.

3) Alternative: There may even be a plugin that specifically solves this problem. I’d look into that possibility if the first two options are not possible.

Good luck.

PS: The page doesn’t crash the iPhone any more, now you’ve limited it to just 10 videos. Nice.

• This reply was modified 8 months, 4 weeks ago by Michael Ott.