Badge Webflow Award Winner 2023

La to-do-list du site Webflow rapide

Publié le 
8/4/2022
Modifié le 
23/3/2023
Temps de lecture : 5 min
Logo Webflow avec indicateurs lighthouse verte à 100/100
Écrit par
Florian Bodelot avec un T-shirt Digidop

Florian Bodelot

Co-fondateur

Améliorer rapidement les performances de votre site no-code Webflow en suivant cette to-do-list. Ps : la vitesse de chargement compte pour vos résultats SEO sur Google

Points clés à retenir

Avoir un site sur Webflow est un bon début lorsqu'il s'agit d'améliorer les performances de son site internet. Les analyses sont formelles, Webflow est la plateforme no-code avec les meilleures performances Core-Vitals Google. Mais il y a certaines choses que vous pouvez faire pour aller encore plus loin :

La checklist du site Webflow rapide

1. Supprimer les styles (CSS) inutilisés

Comment ? En 2 clics, depuis votre designer.

Style Manager → Clean Up → Remoove unused CSS.

2. Supprimer les interactions/animations inutilisées

Interactions → Clean Up → Delete

3. Supprimer les symboles inutilisés

4. Activer la minimisation du code HTML, CSS, JS

Quelques checkbox à cocher dans vos paramètres avancées. Oui, c'est aussi simple que ça.

5. Supprimer toutes les images inutilisées de votre bibliothèque "assets"

6. Supprimer les pages inutilisées

7. Supprimer les collections inutilisées

8. Réduire la quantité d'interactions/le nombre de styles utilisés dans les éléments/chaque page.

Les animations et interactions sont du code javascript qui pèse sur les performances de votre site web. Allez-y doucement avec les animations sur vos pages pour avoir un site rapide.

9. Réduire la taille et compresser vos images.

Voici quelques outils gratuits d'optimisation des images : TinyJPG et TinyPNG, ILOVEIMG, Squoosh.

10. Activer le Lazy-Load pour vos images

⚠️ Pas pour les visuels dans le header

Conclusion

Comme vous l'avez probablement compris, l'idée principale est que toutes vos données :code, image, etc.. sont stockées. Cette data affecte donc les performances de votre site. À cet égard, il est essentiel de s'assurer que vous suivez de bonnes pratiques et que vous ne conservez que ce dont vous avez besoin, ce qui va contribuer à accélérer les temps de chargement de vos pages et à améliorer les performances de votre site.

Si vous ne savez pas par où commencer pour analyser les performances de votre site web sans code (Webflow, Wix, ou WordPress ?). Testez-ces outils d'analyses ↓

2 outils gratuits pour analyser la vitesse de votre site

Voici deux outils pour analyser la vitesse de votre site :

  1. Lighthouse
  2. Pingdom

Vous pouvez trouver d'autres outils pour analyser la vitesse de votre site Web dans notre toolbox.

Envie d'aller plus loin dans l'optimisation ?

Cette liste est un excellent début mais vous pouvez obtenir encore plus de votre site Webflow. Comment ? Trouvez un expert Webflow pour vous aider à améliorer votre site - Les experts peuvent traiter un large éventail de questions pour vous aider à tirer le meilleur parti de votre site.

projet Flomodia by Digidop
projet Coudac by Digidop
projet Heka by Digidopprojet Flaw by Digidopprojet Morfo by Digidop