With typical export code, Hype will begin the loading process upon a DOMContentLoaded event. You can then learn more about the flow from this post:
Going to above, there are literal definitions of loading based on web event callbacks (DOMContentLoaded and load), but for all intents and purposes on a complex page these fall apart because most loading happens after them. Hype isn’t aware of anything that would take place after these events so it is up to you to delay running animations if you know the page isn’t yet ready.
These events are based on showing scenes in Hype and don’t have any relation to overall page loading.
On Scene Load and On Layout Load are the same event, just the layout variant is named such if you are using layouts to avoid confusion. This event is called after a scene is fully transitioned in and shown. The Main Timeline will already have been set to run. The “current scene” used in API calls reflects this scene.
On Prepare for Display is the new Hype 4 event. It is called when a new scene is about to be shown, but isn’t being displayed yet. The DOM structure has been created, and that’s about it. It is mainly for making any of your own DOM changes so that when the scene is displayed those are immediately shown. Think of the case of a Page Turn or a crossfade transition – in these cases the you’ll be showing a partial scene before “On Scene Load” has been called, so you’ll need some opportunity to make programmatic changes, otherwise if you just used the On Scene Load event it would show incorrect content and then snap once a transition is completed. When using this event, the “current scene” used in API calls is not this scene, it is the previous one. Thus you can’t run timelines since it isn’t technically active.
Preload means that Hype animations will not begin until the resources with this checkbox are loaded. However, it is not related to anything else going on with the page. So if all preloading of Hype resources has loaded the animation will start, but there’s still a possibility of stutter if your page is doing other things.