Event when loading the page in Javascript

Asked

Viewed 67 times

-1

I’m new to programming and recently came across a loading event on various platforms, some examples are: Youtube and Epic Games. (Print of attached event)

The event consists of: 1 - While the page loads the content is displayed only in a color tone. 2 - When finished loading the content is displayed.

Can anyone explain to me how this works better? And also if there is a term. Thanks in advance.

inserir a descrição da imagem aqui

1 answer

2


Luke, in this case the final elements (which are the ones after being loaded) are not there yet! They are most likely being created and called an API yet.

To improve the user experience and increase the response time of the first piece of content on their screen, the developers (especially the UX designers who thought of this experience) used the Skeleton loaders element technique.

Skeleton Loader are components that visually resemble the content being loaded but which themselves have no action and no specific content

(For further reading of examples and use using the material-ui library: https://material-ui.com/pt/components/skeleton/)

An example using the youtube idea from the link above

exemplo de skeleton loader do youtube

  • 1

    Got it, thank you.

Browser other questions tagged

You are not signed in. Login or sign up in order to post.