La to-do-list du site Webflow rapide

Documentation
8/4/2022
3 min
Logo Webflow avec indicateurs lighthouse verte à 100/100
Key points

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.

Florian Bodelot
Florian Bodelot
Co-fondateur

Articles qui devraient vous intéresser

Webflow Localization, cas d'utilisation de Credial
Documentation
Webflow

Webflow Localization : guide et cas pratique de Credial

Webflow Localization : guide et cas pratique de Credial
Visuel illustrant le passage de digidop.fr à digidop.com
News
Digidop

Digidop.fr devient Digidop.com

Digidop.fr devient Digidop.com
Photo de l'équipe Digidop avec Logo Digidop 2024
News
Digidop

Rétrospective d’une année 2024 exceptionnelle et cap sur 2025

Rétrospective d’une année 2024 exceptionnelle et cap sur 2025

Transformez votre site web en un moteur de croissance.

Nous contacter