How to make a loader on the site?

Question

css

Is it worth doing it at all? With a slow internet, until the site loads, it will be destroyed and ugly. Many things, including layout, are formed in the script. At the moment I have a block with a fixed position loader and it is visible immediately. If the document is loaded, then the animation script changes the transparency to invisible. If the site loaded quickly, then there is no animation, it just disappears. But even if the site loads quickly, you can still see the loader, somewhere around 0.1-0.2s. I don't know how much it interferes with the users of the site. And how to implement it correctly. Is it in the right direction?

Answer 1

A site loader is needed only in one case, when:
1. At first you load only a small script and a small loader CSS
2. After that, you start loading everything else (for example, heavy graphic resources of a giant parallax site)
3. Profit
In all other cases, it is not needed .

Answer 2

You don't need a loader, but
if some parts of the site look bad before the scripts are loaded (I had this with one jquery gallery), make them invisible until everything is loaded.