Loading time optimization + SEO hints #700
Closed
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
D'abord j'ai corrigé quelques astuces que l'outil SEO lighthouse de google chrome me proposait, comme des attributs nofollow, des problèmes de contrastes de couleurs, définir des tailles d'images.
Ensuite, j'ai cherché à optimiser le chargement de la font-face Poppins qu'on a en interne en regardant l'article :
https://sia.codes/posts/making-google-fonts-faster/
Ensuite, j'ai voulu améliorer les images de la homepage avec une version webp mais quelques soit les paramètres que je passais ou l'outil que j'utilisais le texte n'est plus aussi net qu'avec une version png donc je trouvais pas ça intéressant.
Ensuite, j'ai passé le fontawesome qu'on chargait via une gem, par le biais de webpacker comme le conseille leur documentation tout en chargant uniquement les icones que l'on utilise sur le site :
https://fontawesome.com/how-to-use/javascript-api/setup/importing-icons
On pourra à l'avenir peut-être passé sur une version pro qui nous ferait switchait sur leur version 6 apparament plus performante et beaucoup plus complète en terme de catalogue d'icone.
https://fontawesome.com/plans
La gem react-rails apparament utilise un event listener 'unload' qui provoque une perte de quelques point de best-praticce sur l'outil de google:
Enjoy