Loading time optimization + SEO hints #700
Closed
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Codecov Report
@@ Coverage Diff @@
## master #700 +/- ##
=======================================
Coverage 52.34% 52.34%
=======================================
Files 77 77
Lines 1792 1792
=======================================
Hits 938 938
Misses 854 854 Continue to review full report at Codecov.
|
navidemad
force-pushed
the
navidemad/seo-optimization
branch
from
1404c6b
to
a02f8b0
Compare
|
Kudos, SonarCloud Quality Gate passed!
|
|
Je la ferme, refaite dans une autre PR #812 |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
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