Optimisation des temps de chargement d’un blog WordPress (Créer un compte)

  • Statut : non résolu
10 sujets de 1 à 10 (sur un total de 10)
  • Auteur
    Messages
  • #476722
    petit nuage
    Membre
    Maître WordPress
    546 contributions

    Depuis que Google informe les webmasters des performances de leurs sites, il devient utile de les améliorer, des fois que cela serve à établir le classement des résultats d’une manière ou d’une autre.

    Pour cela, j’ai récemment utilisé quelques outils fort utiles :
    Firefox ;
    Firebug qui dispose de son fameux onglet Réseau (sélectionner cet onglet, puis effacer le cache du navigateur, forcer le chargement de la page à examiner) ;
    Page Speed qui est quasi-exhaustif en matière d’identification de goulots d’étranglement et de conseils avisés ;
    Yslow qui donne de nombreux conseils pertinents à suivre à la lettre.

    S’il faudrait optimiser chaque site de manière spécifique, voici un bout de fichier .htaccess qui permet d’accélérer grandement le chargement des pages WordPress, en particulier lorsqu’on en visite plus d’une sur le site :

    # Performance
    # Ne charge les fichiers statiques (images, feuilles de
    # styles, scripts, vidéos) qu’une fois tous les cas et garde
    # les dans le cache du navigateur.
    # Attention : si vous modifier ces fichiers (comme le
    # « style.css » du thème ou les images qui le composent),
    # il vous faudra les renommer pour que les visiteurs
    # puissent voir la nouvelle version (dans le cas d’un
    # thème, renommez le dossier contenant le thème).
    <IfModule mod_expires.c>
    ExpiresActive on
    ExpiresByType image/jpeg « access plus 1 years »
    ExpiresByType image/jpg « access plus 1 years »
    ExpiresByType image/gif « access plus 1 years »
    ExpiresByType image/png « access plus 1 years »
    ExpiresByType text/css « access plus 1 years »
    ExpiresByType text/javascript « access plus 1 years »
    ExpiresByType application/javascript « access plus 1 years »
    ExpiresByType application/x-javascript « access plus 1 years »
    ExpiresByType video/quicktime « access plus 1 years »
    ExpiresByType audio/mpeg « access plus 1 years »
    ExpiresDefault « access plus 1 second »
    </IfModule>

    # Désactivons un mécanisme de cache redondant et moins
    # performant que ce qui précède
    FileETag none

    # Compressons les fichiers texte statiques (feuilles de
    # style et JavaScript)
    AddOutputFilterByType DEFLATE text/css text/javascript application/javascript application/x-javascript

    # Utile si vous insérez des vidéos WAT.TV, inutile autrement
    RewriteRule ^/?crossdomain.xml$ [R=404,L]

    Ajoutez le code ci-dessus en début du fichier .htaccess figurant à la racine de votre blog. Si ce fichier n’existe pas, créez-le avec le contenu ci-dessus.

    A cela, vous pouvez ajouter l’installation de l’une des extensions suivantes : W3 Total Cache et WordPress Super Cache.

    #703890
    piekes
    Membre
    Maître WordPress
    724 contributions

    Hello

    La Bible de l’optimisation WordPress constitue une bonne lecture de complément : http://www.prelovac.com/vladimir/wordpress-optimization-guide

    #703891
    petit nuage
    Membre
    Maître WordPress
    546 contributions

    Merci pour ce lien fort instructif, notamment au niveau des optimisations de MySQL et autres optimisations du serveur.

    #703892
    Audiofeeline
    Participant
    Padawan WordPress
    71 contributions

    Excellente optimisation qui m’a permise de gagner environ 50% de ressources système. Par contre tu as utilisé W3 Total Cache? Qu’en penses-tu? Ça ne fait pas double emploi avec WP Super Cache?

    J’avais également évoqué ce sujet sur mon blog : Les plugins indispensables pour WordPress!
    Notamment WP Widget Cache qui permet de mettre également en cache les gadgets de la sidebar qui consomme également pas mal de ressources…

    #703893
    petit nuage
    Membre
    Maître WordPress
    546 contributions

    Inutile d’installer trente six caches différents.

    WP Super Cache se contente de placer le HTML produit par WordPress dans des fichiers statiques HTML et HTML compressés sur le disque et de modifier le fichier .htaccess pour fournir ces fichiers aux visiteurs du blog sans exécuter une seule ligne de PHP. De plus, grâce au test de la présence d’un cookie directement dans le fichier .htaccess, cette extension permet de fournir aux visiteurs connectés au « Tableau de bord », ainsi qu’à ceux qui ont laissé un commentaire une version non « cachée » du blog, mais la dernière version en date de la page ainsi visionnée. Bref, le meilleur des deux mondes : un blog dynamique tout en étant très rapide.

    Je n’ai pas encore utilisé W3 Total Cache, mais ce dernier va semble-t-il plus loin dans son principe (je n’ai donc pas testé en conditions réelles sa réalité) : il compresse, outre le fichier HTML produit, les fichiers CSS et JavaScript associés, afin de rendre l’ensemble de la page, et non seulement du contenu HTML produit, plus compact. Il est en principe plus intéressant encore.

    #703894
    thalasso
    Membre
    Chevalier WordPress
    495 contributions

    Pour l’instant, j’ai optimisé mon blog sur la thalassothérapie avec les outils proposés par petit nuage ci-dessus. Cependant, il est très difficile d’atteindre un résultat pleinement optimum, même si le résultat obtenu m’a déjà permis de grandement accélérer les temps de chargement de la première page, ainsi que des pages suivantes du blog.

    #703895
    gwenm
    Participant
    Maître WordPress
    1034 contributions

    Bonjour,
    j’ ai voulu tester le code fourni par petit nuage a mettre dans un fichier a .htaccess. Mais comme je n’ est pas ce fichier, je decide de le créer moi même. Chose que je n’ avait jamais faite. Sauf que je ne le retrouve pas.
    Je vous explique ma procédure.
    Donc n’ ayant pas ce fichier .htaccess dans l’ editeur du dossier apparence, il a fallut que je le crée.
    Alors j’ ai ouvert bloc note, j’ ai coller le bout fichier fourni par petit nuage, j’ ai enregistré ce fichier sous le nom de » .htaccess » et enregistrer sur le bureau. De la j’ ai transferé ce fichier via ftp dans le « www ».
    Maintenant quand je retourne voir si le fichier a bien été transferé dans l’ editeur du dossier apparance, il n’ y est pas.

    J’ ai du me tromper quelque part, et j’ ai même peut être tout faux?

    #703896
    Lumiere de Lune
    Participant
    Maître WordPress
    20531 contributions

    tu ne peux pas éditer ce fichier par le biais de wordpress

    #703897
    Audiofeeline
    Participant
    Padawan WordPress
    71 contributions

    Je viens de mettre en place W3 Total Cache, pour le moment c’est fort décevant…

    58909274.png
    (UTILISATION DU CPU)

    Clairement, ma machine est beaucoup plus sollicité qu’avec WP Super Cache, j’attends un peu, il faut peut-être un petit peu de temps pour que le plugin mette en cache tous ses trucs mais j’ai des doutes…

    #703898
    effi10
    Participant
    Chevalier WordPress
    140 contributions

    Bonjour

    Juste pour info il semble que la dernière version de WP Super Cache (que j’utilise sur mes blogs / sites) intègre bien la compression à la volée des fichiers CSS et JS 🙂

10 sujets de 1 à 10 (sur un total de 10)
  • Le forum ‘Dépôts pour les extensions, trucs, astuces’ est fermé à de nouveaux sujets et réponses.