Navigation

Toutes les catégories

Voir les derniers articles

10 loaders CSS à utiliser pour faire patienter vos visiteurs

La performance d’un site internet est primordiale sur le web, la rapidité d’ouverture de vos pages va influencer votre référencement mais aussi...

Publié par Thomas Lazzaroni

La performance d’un site internet est primordiale sur le web, la rapidité d’ouverture de vos pages va influencer votre référencement mais aussi votre taux de rebond. Pour éviter que vos visiteurs se fassent la malle il est donc important de diminuer autant que possible le temps de chargement ET d’indiquer le chargement à l’aide d’un loader CSS.

Les loaders au format GIF étaient très répandus il y a quelques années, mais il a été remplacé par le loader CSS, plus rapide, plus flexible et surtout moins lourd ! Mais, et oui il faut bien un « mais », il est plus complexe a créer… Pas de panique, nous avons fait une sélection de 10 loaders CSS disponible sur CodePen.io. Encore une fois, il y en a pour tous les goûts, des loaders circulaires, des carrés, des formes plus géométriques…

Loader CSS n°1


Voir la ressource 

Loader CSS n°2


Voir la ressource 

Loader CSS n°3


Voir la ressource 

Loader CSS n°4


Voir la ressource 

Loader CSS n°5


Voir la ressource 

Loader CSS n°6


Voir la ressource 

Loader CSS n°7


Voir la ressource 

Loader CSS n°8


Voir la ressource 

Loader CSS n°9


Voir la ressource 

Loader CSS n°10


Voir la ressource 

Loader CSS bonus 🤭


Voir la ressource 

 

Lire la suite de l'article
Afficher les commentaires (0)

Commentaires

Newsletter WebActus

Abonnez-vous pour recevoir notre sélection des meilleurs articles directement dans votre boîte mail.

Nous ne partagerons pas votre adresse e-mail.

Articles similaires

Graphisme

7 étapes de travail pour une collaboration efficace avec un graphiste

Vous voulez faire appel à un graphiste mais vous n’avez aucune idée de la manière dont se déroule une telle collaboration ? Comment...

Publié le par Camille
Graphisme

Inspiration : 12 bannières Facebook pour vous démarquer

Inspirer, intriguer, provoquer l’émotion…comment souhaitez-vous attirer les regards sur votre page Facebook ? La photo de couverture d’une page...

Publié le par Emeline