[Vitesse et optimisation] J’ai envie d’aller au max des possibilités (Créer un compte)

  • WordPress :5.8
  • Statut : non résolu
6 sujets de 1 à 6 (sur un total de 6)
  • Auteur
    Messages
  • #2395868
    Sosano
    Participant
    Initié WordPress
    38 contributions

    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.

     

    • Ce sujet a été modifié le il y a 2 années et 2 mois par Sosano.
    • Ce sujet a été modifié le il y a 2 années et 2 mois par Sosano.
    • Ce sujet a été modifié le il y a 2 années et 2 mois par Sosano.
    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2395895
    mathieu42
    Participant
    Maître WordPress
    2010 contributions

    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.

    .https://stephaniemaguet.fr/

    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.

    #2395908
    Sosano
    Participant
    Initié WordPress
    38 contributions

    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 ..?

    #2395909
    Li-An
    Participant
    Maître WordPress
    28383 contributions

    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.

    #2395913
    Sosano
    Participant
    Initié WordPress
    38 contributions

    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…

    #2395920
    Li-An
    Participant
    Maître WordPress
    28383 contributions

    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/

6 sujets de 1 à 6 (sur un total de 6)
  • Vous devez être connecté pour répondre à ce sujet.