Optimiser un thème pour réduire le temps de chargement des pages

  • Statut : non résolu
8 sujets de 1 à 8 (sur un total de 8)
  • Auteur
    Messages
  • #523110
    MarieCT
    Membre
    Padawan WordPress
    64 contributions

    Bonjour,

    Ma configuration WP actuelle
    – Version de WordPress : dernière version
    – Thème utilisé : Newszeplin
    – Extensions en place : Serveur dédié
    – Adresse du site : http://blog.chic-time.com

    Problème(s) rencontré(s) :

    J’aimerais réduire le temps de chargement des pages de mon site. Suite à des modifications d’un thème en passant par un thème enfant, j’ai remarqué que le blog mettait maintenant plus de temps à charger.
    Je pensais “nettoyer” mon thème enfant en enlevant tous les fichiers non modifiés, donc essayer de réduire le poids des pages. Mais je pense que ce qui impacte le plus ce sont les scripts, les plugins et les images.
    Avez vous d’autres conseils pour réduire ce temps de chargement ?

    #888549
    lorenzolamas
    Participant
    Maître WordPress
    3236 contributions

    Bonjour,

    Effectivement, il y a 25 scripts qui s’exécutent sur la page d’accueil (1Mo environ en terme de poid), ce qui est énorme).

    Il y a plusieurs possibilités:
    – Utiliser un plugin de compression/optimisation de script et css (recherche en utilisant les keywords: minify script css)
    – Il est également possible de “filtrer”/organiser l’exécution de scripts par page, et donc ne charger QUE les scripts nécessaires et spécifiques à chaque section plutot que de tout exécuter a chaque fois.
    – Tu peux “épurer” le thème en supprimant/effaçant tout ce que tu n’utilises pas (éventuels focntionnalités + scripts intégrés au thème par défaut)
    – Tu peux aussi revoir l’utilisation de certains plugins et les supprimer pour n’utiliser que les essentiels.
    – Est ce que tu utilises un plugin de cache? ça pourrait accélérer le chargement des pages
    – Est ce que tu as utilisé les outils en ligne qui “diagnostiquent” ton site et te donnent des pistes d’amélioration pour diminuer le temps de chargement?

    #888550
    LH
    Membre
    Chevalier WordPress
    372 contributions

    Bonjour,

    En utilisant FireFox + FireBug + PageSpeed: la page d’accueil obtient un score de 84/100.
    Je mets en copie les premières recommandations de PageSpeed…

    Diffuser des images mises à l’échelle
    	
    
    Les images suivantes sont redimensionnées dans le code HTML ou CSS. La diffusion d’images mises à l’échelle pourrait libérer 146.5 Ko (réduction de 73%).
    
        http://blog.chic-time.com/wp-content/uploads/2013/02/seiko_rayures_erafflures_profondes_cadran2-e1360405435870.jpg est redimensionné dans le code HTML ou CSS et passe du format 496 x 434 au format 150 x 131. La diffusion d’une image mise à l’échelle pourrait libérer 41.9 Ko (réduction de 90%).
        http://blog.chic-time.com/wp-content/uploads/2013/04/Visuel-Lots-5-310×310.jpg est redimensionné dans le code HTML ou CSS et passe du format 310 x 310 au format 150 x 150. La diffusion d’une image mise à l’échelle pourrait libérer 25.8 Ko (réduction de 76%).
        http://blog.chic-time.com/wp-content/uploads/2013/03/CHANGEMENT-HEURE-2013-heure-d%C3%A9t%C3%A9-2-Blog-290×290.jpg est redimensionné dans le code HTML ou CSS et passe du format 290 x 290 au format 150 x 150. La diffusion d’une image mise à l’échelle pourrait libérer 22.8 Ko (réduction de 73%).
        http://blog.chic-time.com/wp-content/uploads/2013/03/google+-Avatar-v4-round.jpg est redimensionné dans le code HTML ou CSS et passe du format 250 x 250 au format 150 x 150. La diffusion d’une image mise à l’échelle pourrait libérer 20.8 Ko (réduction de 64%).
        http://blog.chic-time.com/wp-content/uploads/2013/02/swatch_pile3-290×290.jpg est redimensionné dans le code HTML ou CSS et passe du format 290 x 290 au format 150 x 150. La diffusion d’une image mise à l’échelle pourrait libérer 17.0 Ko (réduction de 73%).
        http://blog.chic-time.com/wp-content/uploads/2013/03/poisson-face.jpg est redimensionné dans le code HTML ou CSS et passe du format 570 x 250 au format 360 x 158. La diffusion d’une image mise à l’échelle pourrait libérer 10.7 Ko (réduction de 60%).
        http://blog.chic-time.com/wp-content/uploads/2012/11/fin-du-monde-2012-eruption-volcanique-2-e1356631083941-150×150.jpg est redimensionné dans le code HTML ou CSS et passe du format 150 x 150 au format 110 x 110. La diffusion d’une image mise à l’échelle pourrait libérer 5.2 Ko (réduction de 47%).
        http://blog.chic-time.com/wp-content/uploads/copyright-blog2.jpg est redimensionné dans le code HTML ou CSS et passe du format 424 x 75 au format 300 x 50. La diffusion d’une image mise à l’échelle pourrait libérer 2.3 Ko (réduction de 52%).
    
    [Score: 31/100]
    	
    Exploiter la mise en cache du navigateur
    	
    
    Certaines ressources pouvant être mises en cache ont une durée d’actualisation limitée. Spécifiez un délai d’expiration d’au moins une semaine pour les ressources suivantes :
    
        http://blog.chic-time.com/wp-content/plugins/social-sharing-toolkit/images/icons_large/facebook.png (délai d’expiration non spécifié)
        http://blog.chic-time.com/wp-content/plugins/social-sharing-toolkit/images/icons_large/pinterest.png (délai d’expiration non spécifié)
        http://blog.chic-time.com/wp-content/plugins/social-sharing-toolkit/images/icons_large/twitter.png (délai d’expiration non spécifié)
        http://blog.chic-time.com/wp-content/plugins/social-sharing-toolkit/images/icons_large/youtube.png (délai d’expiration non spécifié)
        http://blog.chic-time.com/wp-content/themes/newszeplin/style.css (délai d’expiration non spécifié)
        http://blog.chic-time.com/wp-content/themes/newszeplin_child/style.css (délai d’expiration non spécifié)
        http://blog.chic-time.com/wp-content/uploads/2012/11/fin-du-monde-2012-eruption-volcanique-2-e1356631083941-150×150.jpg (délai d’expiration non spécifié)
        http://blog.chic-time.com/wp-content/uploads/2012/12/44-1-150×150.jpg (délai d’expiration non spécifié)
        http://blog.chic-time.com/wp-content/uploads/2013/01/balenciaga-affiche-hiver-2012-e1357303774611-150×150.jpg (délai d’expiration non spécifié)
        http://blog.chic-time.com/wp-content/uploads/2013/02/Olsen-Sisters-2-150×150.jpg (délai d’expiration non spécifié)
        http://blog.chic-time.com/wp-content/uploads/2013/02/PAGES-Vente-priv%C3%A9e-Guess-Co-2013-II-e1360754166548-150×150.jpg (délai d’expiration non spécifié)
        http://blog.chic-time.com/wp-content/uploads/2013/02/seiko_rayures_erafflures_profondes_cadran2-e1360405435870.jpg (délai d’expiration non spécifié)
        http://blog.chic-time.com/wp-content/uploads/2013/02/swatch_pile3-290×290.jpg (délai d’expiration non spécifié)
        http://blog.chic-time.com/wp-content/uploads/2013/03/CHANGEMENT-HEURE-2013-heure-d%C3%A9t%C3%A9-2-Blog-290×290.jpg (délai d’expiration non spécifié)
        http://blog.chic-time.com/wp-content/uploads/2013/03/google+-Avatar-v4-round.jpg (délai d’expiration non spécifié)
        http://blog.chic-time.com/wp-content/uploads/2013/03/poisson-face.jpg (délai d’expiration non spécifié)
        http://blog.chic-time.com/wp-content/uploads/2013/04/Visuel-Lots-5-310×310.jpg (délai d’expiration non spécifié)
        http://blog.chic-time.com/wp-content/uploads/copyright-blog2.jpg (délai d’expiration non spécifié)
        http://blog.chic-time.com/wp-content/uploads/tn_newszeplin_header_logo.jpg (délai d’expiration non spécifié)
        http://assets.pinterest.com/js/pinit.js?ver=3.5.1 (1 minute)
        http://0.gravatar.com/avatar/0d01e510fc6c764ade02748a2c6da09d?s=120&d=blank&r=G (5 minutes)
        http://0.gravatar.com/avatar/2e77f148d92df1b90874263f21bbf766?s=120&d=blank&r=G (5 minutes)
        http://1.gravatar.com/avatar/90a8d0af134848d22b7ca646bfab320a?s=120&d=blank&r=G (5 minutes)
        http://1.gravatar.com/avatar/ba85ed9b53b1c0965e5a2947aedb66db?s=120&d=blank&r=G (5 minutes)
        http://connect.facebook.net/en_US/all.js (5 minutes 27 seconds)
        http://connect.facebook.net/en_US/all.js?ver=3.5.1 (12 minutes 26 seconds)
        https://apis.google.com/js/plusone.js (30 minutes)
        http://www.google-analytics.com/ga.js (12 hours)

    #888551
    MarieCT
    Membre
    Padawan WordPress
    64 contributions

    Merci pour toutes ces solutions.
    [Edit modération : suppression de la citation inutile du message dans son intégralité]

    #888553
    MarieCT
    Membre
    Padawan WordPress
    64 contributions

    *Désolé pour la mise en forme. Je reposte le message.

    Merci pour toutes ces solutions.

    lorenzolamas wrote:
    – Utiliser un plugin de compression/optimisation de script et css

    –> je vais tester mais je voulais limiter l’utilisation de plugin. J’utilise actuellement un code que je place là où se trouve le css et qui est censé le compresser.

    lorenzolamas wrote:
    – Il est également possible de “filtrer”/organiser l’exécution de scripts par page, et donc ne charger QUE les scripts nécessaires et spécifiques à chaque section plutot que de tout exécuter a chaque fois.

    –> ça se gère comment? depuis une fonction php?

    lorenzolamas wrote:
    – Tu peux “épurer” le thème en supprimant/effaçant tout ce que tu n’utilises pas

    –> n’y aura t-il pas un impact lors de la mise à jour du thème si j’efface les fichiers du thème parent?

    lorenzolamas wrote:
    – Tu peux aussi revoir l’utilisation de certains plugins et les supprimer pour n’utiliser que les essentiels.

    –> les plugins désactivés ont-ils un impact sur la lenteur?

    lorenzolamas wrote:
    – Est ce que tu utilises un plugin de cache? ça pourrait accélérer le chargement des pages

    –> je ne sais pas ce que c’est mais je vais tester

    lorenzolamas wrote:
    – Est ce que tu as utilisé les outils en ligne qui “diagnostiquent” ton site et te donnent des pistes d’amélioration pour diminuer le temps de chargement?

    –> oui, notamment gtmetrix où j’ai pu voir que les scripts mettaient pas mal de temps à charger ainsi que les widgets réseaux sociaux.

    #888552
    Lumiere de Lune
    Participant
    Maître WordPress
    19385 contributions

    Voilà j’ai reformatté ton message avec les quotes correctement placées, pour qu’on puisse voir facilement ce que tu dis, et que ce n’est pas une pure copie de la réponse précédente.

    #888554
    lorenzolamas
    Participant
    Maître WordPress
    3236 contributions

    –> je vais tester mais je voulais limiter l’utilisation de plugin. J’utilise actuellement un code que je place là où se trouve le css et qui est censé le compresser.

    A toi de voir, c’était une proposition, mais il comrpesse les scripts AUSSI (pas que le CSS) et ce sont les scripts qui occasionnent la lenteur sur ton site.

    –> ça se gère comment? depuis une fonction php?

    J’ai lu ça il y a pas longtemps en trainant sur le net, mais je n’ai pas encore testé. je vais checker si je retrouve l’article et je te le donnerai.

    –> n’y aura t-il pas un impact lors de la mise à jour du thème si j’efface les fichiers du thème parent?

    Effectivement, c’est une éventualité. Moi j’utilise cette solution car je fais mes thèmes donc je n’ai pas ce problème de mise a jour.

    –> les plugins désactivés ont-ils un impact sur la lenteur?

    A priori si les plugins ne sont pas actifs, les scripts y relatifs ne se chargent pas, donc ne ralentissent pas le site.

    –> je ne sais pas ce que c’est mais je vais tester

    C’est un plugin qui permet de stocker des infos dans la mémoire cache des navigateurs qui visitent ton site, du coup ca permet d’avoir des visites plus rapide a partir de la seconde fois, vu que ton site n’est pas téléchargé intégralement depuis le web, mais une partie est chargée depuis la mémoire cache du navigateur.

    #888555
    MarieCT
    Membre
    Padawan WordPress
    64 contributions

    Merci pour les explications.
    J’ai installé les plugins, il semble y avoir une petite amélioration.
    j’ai choisit : WP minify et Quick Cach.
    C’est surtout la sidebar qui est longue à charger, ce qui est normale vu qu’elle se compose uniquement de widgets.

    Dans un deuxième temps je vais essayer de redimensionner certaines images.

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