How can I make the page load smoothly?

Question

css

I want to implement on the site something like this preload, like on this site www.hublot.com/en/collection go through the sections see how everything smoothly transitions ... how is it done, with what libraries??

Answer 1

Well, you make a stub with a picture and animation
. You wrap all the modules and scripts of the site in a closure and make them .deferred () objects.
Until all the defers are in the OK state, you show the stub.
When switching to a new page, the page initialization script works with modules that were not loaded on the Main page.
But as far as I know, there is little good in such transitions.
No matter how we talk about modernity, various search engines, incl. old, incl. trackers, all sorts of checkers and counters - they can VERY dislike this.
That is, you will have to make a purely client site for a person, and a purely robotic one for a robot.
It's better to spend money on a couple of landing pages and don't have a brain.