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.
<link rel='stylesheet' id='wp-block-library-css' href='https://www.tt.pl/kreacja/wp-includes/css/dist/block-library/style.min.css?ver=5.4.2' type='text/css' media='all' />
<link rel='stylesheet' id='essential-grid-plugin-settings-css' href='https://www.tt.pl/kreacja/wp-content/plugins/essential-grid/public/assets/css/settings.css?ver=2.3.6' type='text/css' media='all' />
<link rel='stylesheet' id='tp-fontello-css' href='https://www.tt.pl/kreacja/wp-content/plugins/essential-grid/public/assets/font/fontello/css/fontello.css?ver=2.3.6' type='text/css' media='all' />
<link rel='stylesheet' id='themepunchboxextcss-css' href='https://www.tt.pl/kreacja/wp-content/plugins/essential-grid/public/assets/css/jquery.esgbox.min.css?ver=2.3.6' type='text/css' media='all' />
<link rel='stylesheet' id='lbwps-lib-css' href='https://www.tt.pl/kreacja/wp-content/plugins/lightbox-photoswipe/lib/photoswipe.css?ver=3.0.3' type='text/css' media='all' />
<link rel='stylesheet' id='photoswipe-skin-css' href='https://www.tt.pl/kreacja/wp-content/plugins/lightbox-photoswipe/lib/skins/classic/skin.css?ver=3.0.3' type='text/css' media='all' />
<link rel='stylesheet' id='oxygen-css' href='https://www.tt.pl/kreacja/wp-content/plugins/oxygen/component-framework/oxygen.css?ver=3.3.1' type='text/css' media='all' />
<script type='text/javascript' src='https://www.tt.pl/kreacja/wp-includes/js/jquery/jquery.js?ver=1.12.4-wp'></script>
<script type='text/javascript' src='https://www.tt.pl/kreacja/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1'></script>
<script type='text/javascript' src='https://www.tt.pl/kreacja/wp-content/plugins/flowpaper-lite-pdf-flipbook/assets/lity/lity.min.js'></script>
<script type='text/javascript' src='https://www.tt.pl/kreacja/wp-content/plugins/lightbox-photoswipe/lib/photoswipe.min.js?ver=3.0.3'></script>
<script type='text/javascript' src='https://www.tt.pl/kreacja/wp-content/plugins/lightbox-photoswipe/lib/photoswipe-ui-default.min.js?ver=3.0.3'></script>
Here’s the page with Wordpress: https://gist.github.com/themorgantown/e3d642a123fd06dedf3882038288fd7c#file-hype-example-html-L177-L179
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.
To load your Hype document faster, I would only preload images necessary for the first animation but uncheck all others. We’ve put together a guide to decreasing the file size of your document here: Decreasing load times and optimizing performance: Preparing a Large project in Hype.
