Sur PageSpeed et GtMetrix, ils notent qu'il y a à peu près 2Mo d'images à charger ... c'est énorme. Et un peu plus de 1/2Mo de fonts ...
C'est sympa les trucs full width mais les images sont alors vite trop lourdes (surtout pour mobile car on charge des images de plus de 200Kb alors qu'elles ne s'affichent que sur 400-500 pixels, et Google juge d'abord sur les perfs en mobile). Le clic droit n'étant pas autorisé, difficile de voir la structure de la page. Mais déjà la première image a une largeur max et sur mon grand écran de 27", elle s'affiche à gauche avec une bande blanche à droite. Bon, ceci n'a pas d'impact au niveau des perfs, c'est juste une remarque.
Mais donc, il y a beaucoup d'images (parfois lourdes) qui doivent se charger avant la fin du chargement de la page. La première chose à faire est donc de penser optimisation images : est-ce vraiment nécessaire d'en afficher autant, si grandes ?
Si la réponse est oui, alors envisager l'étape suivante : format webp et lazzyloading. Il y a des modules pour cela. Qui transforment les images jpg en webp plus légères. Et qui ne chargent les images que quand le visiteur arrive dessus. En effet pas besoin de charger les images qui sont sous la ligne de flottaison (le bas de la fenêtre). Ou les images d'un slide qui ne sont pas encore affichées. C'est le lazyloading.
Troisième chose qui, à mon sens, est importante : mettre du texte avant la ligne de flottaison. Le texte, c'est léger. Google peut le lire et il lui donne plus de poids (intérêt) qu'à des images qu'il ne peut lire. Mieux vaut (c'est mon avis perso) une page d'accueil plus légère et mettre le paquet sur d'autres pages.
Quant aux polices, il faudrait supprimer celles qui ne servent pas.
Ensuite, bien sûr, il y a l'hébergement. Faut oublier un OVH ou un 1&1 ... Perso j'utilse O2Switch, pas plus cher mais bien meilleur.
Voilà donc déjà les 3 premiers points sur lesquels agir.
