- WordPress :5.8
- Statut : non résolu
- Ce sujet contient 5 réponses, 3 participants et a été mis à jour pour la dernière fois par
, le il y a 1 année et 7 mois.
-
Messages
-
Bonjour,
Je suis en train de créer un site pour une connaissance. J’utilise WordPress + Elementor Pro. Ayant le temps et l’envie d’en apprendre plus via cette occasion, je me renseigne sur l’optimisation de l’affichage. Je me suis occupé du plus simple : les images. Après quelques tests, voici le résultat. J’aimerais en discuter avec vous pour mieux comprendre ?
CAPTURE 1 :
- Réduire le temps de réponse initial. En effet, j’utilise le serveur que la personne avait déjà, soit OVH en multi site. Et quand on regarde la capture 2, on voit que le chargement initial du site est déjà très long => 1612ms. Comment gérer ça ?
- Eliminez le ressources qui bloquent le rendu : De ce que j’ai compris, mon site apparait uniquement une fois que tous les éléments css + images + js sont chargés. Mais il y aurait à priori un moyen d’avoir un premier rendu plus rapide (first paint). D’après Insights, voici les éléments bloquants :
…jquery/jquery.min.js?ver=3.6.0 (stephaniemaguet.fr)
/css?family=… (fonts.googleapis.com)- Règle de caches : de mon côté je me suis renseigner et je vais passer par un plugin de caches.
CAPTURE 2 :
Ici je me rends compte qu’il y a énormement de CSS et JS chargés. Le problème est que je ne sais pas si c’est normal ni chacun à ce qu’ils servent. Parmis les JS les plus long à chargé:
- page-transitions.min.js : est ce que ça ne gère pas par hasard la transition d’une page à l’autre lorsqu’on clique sur un lien du menu par exemple ? Typiquement, ce genre de JS peut être chargé après un premier rendu ?
- font-awesome/webfonts/fa-solid-900.woff2 : celui-ci me perturbe énormément, parce qu’en plus de mettre du temps (700ms), elle est associé à un autre CSS. De plus je n’ai jamais utilisé cette font fa solid. Et Font Awesome n’est pas un plugin ou une ressource que j’utilise…
Est-ce que vous voyez des choses à supprimer, à modifier et surtout comment gérer cela ?
J’espère que cela créera des discussions intéressantes !
Cordialement, Adrien.
en testant la page d’accueil, je vois la réponse de la 1re requête en 450 ms et ensuite le chargement complet en 1,3 s.
ces différences par rapport au 5 s de votre capture d’écran peuvent venir de l’hébergeur qui est plus lent à certains moment de la journée.
Merci pour ton message Mathieu, c’est déjà rassurant.
En ce qui concerne le reste, j’aimerais quand même aller en profondeur, les différents points qui peuvent être encore améliorer, quelqu’un aurait il une explication à donner dessus ..?
Bonjour, il me semble qu’il y a des choses antinomiques dans votre description : optimisation et Elementor. Elementor ralentit globalement l’affichage de votre site et est en tous les cas moins efficace que du WP « nu ». C’est un peu comme si vous vouliez que votre voiture aille très vite en rajoutant une plaque de plexiglas verticale.
C’est pas parce qu’Elementor est lourd que vouloir l’optimiser par derrière est une mauvaise idée.
D’ailleurs dans mon post, j’exclus Elementor de l’approche. J’essaye surtout de comprendre les points techniques.
Par exemple ce point m’intéresse beaucoup :
Eliminez le ressources qui bloquent le rendu : De ce que j’ai compris, mon site apparait uniquement une fois que tous les éléments css + images + js sont chargés. Mais il y aurait à priori un moyen d’avoir un premier rendu plus rapide (first paint).
Le fait de dire à un site qu’on peut charger du JS en second temps, ça a l’air intéressnt, mais typiquement je ne sais pas si j’ai bien compris ceci…
Commencez déjà par le basique : une extension de cache et/ou une extension d’optimisation des scripts. Il y a quelques années j’avais fait un tuto là-dessus https://www.echodesplugins.li-an.fr/tutoriaux/90-sur-gmetrix-les-doigts-dans-le-nez/
- Vous devez être connecté pour répondre à ce sujet.