My Hype presentation inserted (as OAM) into Wordpress gets worse results in Google PageSpeedInsights than presentation in original HTML (outside Wordpress)
this mainly applies to the mobile version - the result is almost twice as bad
I’ve already tried different methods: I put OAM in different ways, turned off all unnecessary plugins, I used different cache methods, separate files for desktop and mobile (with redirection)
and always the mobile version had worse results in Wordpress
When you load it as an OAM within Wordpress, the Hype animation is placed within your Wordpress site, so there’s a lot of additional CSS and JS that needs to load.
The highlighted part on Line 177-179 is the only Hype content, so when combined with the Wordpress content you can see there’s a lot more than just the regular HTML page that Hype exports.
I would focus on getting a blank Wordpress page to a high pagespeed score first, and then add a Hype animation once you’ve optimized that as far as you can go.
Here’s a couple plugins that will help increase your score on the Wordpress side:
Cache Enabler by KeyCDN – Caches pages on disk so they don’t need to be generated each time. This means the second load of a page will be faster than the first. Cache is invalidated on site update.
commonWP – Loads common JavaScript files from JSDelivr.
