Google PageSpeed Insights [1] est un très bon outil pour voir les performances de votre site web. Au cas ou vous obteniez un mauvais score, voici une série d’articles avec des solutions faciles à implémenter pour résoudre la plupart des problèmes.

Il a ainsi été possible de passer au vert sur Google PageSpeed Insights [1], en partant d’un score de 17 sur mobile (Fig 1) à 89 (Fig 14), et de 35 (Fig 3) à 89 sur desktop (Fig 16).

Optimize images

Ceci a permis de passer le test Google PageSpeed [1] Optimize images [2] sur un site web, passant d’un score de 17 sur mobile (Fig 1) à 51 (Fig 2), et de 35 (Fig 3) à 59 sur desktop (Fig 4).

Traiter et modifier en masse des images avec GIMP [3]

Eliminate render-blocking JavaScript and CSS in above-the-fold content

Ceci a permis de passer le test Google PageSpeed [1] Eliminate render-blocking JavaScript and CSS in above-the-fold content (avec aussi Leverage browser caching [6]) sur un site web, passant d’a score of 51 on mobile (Fig 5) à 72 (Fig 6), and de 59 (Fig 7) à 79 sur desktop (Fig 8).

Fixer Google PageSpeed Eliminate render-blocking JavaScript and CSS in above-the-fold content – Yoann Bierling, Consultant International SAP/Web [4]

Leverage browser caching

Ceci a permis de passer le test Google PageSpeed [1] Leverage browser caching [5] (avec aussi Eliminate render-blocking JavaScript and CSS in above-the-fold content [4]) sur un site web, passant d’un score de 51 sur mobile (Fig 9) à 72 (Fig 10), and de 59 (Fig 11) à 79 sur desktop (Fig 12).

Fixer Google PageSpeed améliorer la mise en cache du navigateur avec htaccess [6]

Enable compression

Ceci a permis de passer le test Google PageSpeed [1] Leverage browser caching [7] sur un site web, passant d’un score de 72 sur mobile (Fig 13) à 89 (Fig 14), et de 79 (Fig 15) à 89 sur desktop (Fig 16).

Fix Google PageSpeed enable compression in PHP and htaccess [8]