Bootstrap 5, ça pulse !

J'ai mis à jour le site en utilisant le nouveau Bootstrap version 5 et je vous montre les différences de performances mesurées avec Google Insight

J'ai aussi mis à jour Laravel de la version 7 à la version 8.
L'hébergement et les technologies utilisés n'ont pas changés.

Le fait d'avoir mis à jour Laravel de 7 à 8 ne doit pas impacter la mesure Insight.
Je referais un test ultérieurement avec un autre site, en prenant soin d'avoir tout à l'identique avant de mesurer les différences entre les versions de Bootstrap.

Résultats

Avec Bootstrap 4

j'obtenais un score de 61 sur mobile et 85 sur ordinateur

Avec Bootstrap 5

j'obtiens 82 sur mobile et 97 sur ordinateur

Conclusion

Le nettoyage du codes IE et Jquery fait beaucoup de bien.
Pour ce site, j'utilise les plugins JS : Carousel, Collapse, Dropdown et Tooltip.
Je n'ai pas peaufiné les composants CSS chargés, ce qui améliorerais encore la note.

Pour les allergiques à Tailwind (comme moi :p), un pas à pas pour intégrer Bootstrap 5 à Laravel 8 ici !