I don’t know why some of my subpages in the project cannot load in time. When I scroll down, it is just black, or the title is much behind shots and buttons.
This project uses virticle stacked pages. Some of them are fine but some just cannot load until I have scrolled over.
The test page is: x.holokit.io
Notice the page HoloKit - A key to the AR metaverse — introholokit and HoloKit - A key to the AR metaverse — introholokit cannot load like the other pages.
And also on all pages, buttons just load faster than the text, on desktop and on mobile. Their animation are actually the same. It feels weird to see the button before the text comes out.
But I was experiencing an issue where internal page loads would glitch a true “white” color, and page transitions were not satisfying. Essentially, Ready Mag loads each page separately, and the old page would disappear, the web browser’s default background appears during the loading process, which is true “white”, and then the next page begins to load. I added a very basic curtain that covers the screen with my site’s color value (whatever that is for you). The curtain instantly appears on the page click (bypassing the “true white” page load), and then I set a Bezier Fade out for a satisfying transition.