Hello, today we will learn how to add a loader to our website ! Loaders have been used for a long time, it has been proven that users are more pati...
For further actions, you may consider blocking this person and/or reporting abuse
I have other idea; make your website so fast it doesnt need loader.
But sometimes the user's internet speed are not enough powerful to load quickly your website, so I think a loader are useful in this case.
Yes Pawel, it is a great idea to make the website load fast. Loaders are good for processes that could take a long time such as querying an API or a database for data. I put a loader on one of my websites during the query to two APIs but it only shows for split a second.
Ive read somewhere that if spinner is shown for less than 2 seconds, its better to not show it, because it confuses users. Some applications even show spinners as long as its needed but not less than 2 seconds, to avoid it.
loading.io/css/
Check this site they provide some neat loaders and their code snippets for free
Yes my loader comes from this site, you can also use this site which allows to customize them : wifeo.com/generateur-loader-css-gr...
You could also implement that with gifs i hope?
It is possible, you need to replace the
with an image :
This method is less recommended since gifs take longer to load. 😉
You also need to specify the loading of the gif outside of the loader, else the loader won't display from the beginning :/
Do u find it okay to use setTimeout on your page? I try every time to avoid it.
The setimeout is not there to define the duration of the loader but to coordinate the keyframe animation and the
display : none
animation in javascript.This has really made my day as a beginner......thank you very much
But you're welcome 😀