{"id":38657,"date":"2020-05-07T05:00:31","date_gmt":"2020-05-07T12:00:31","guid":{"rendered":"https:\/\/kinqsta.com\/?p=71343"},"modified":"2024-10-04T10:41:39","modified_gmt":"2024-10-04T09:41:39","slug":"reglages-autoptimize","status":"publish","type":"post","link":"https:\/\/kinqsta.com\/fr\/blog\/reglages-autoptimize\/","title":{"rendered":"Comment configurer Autoptimize pour votre site WordPress"},"content":{"rendered":"

Autoptimize est une extension WordPress gratuite d’optimisation. En plus de l’optimisation HTML, CSS et JavaScript,<\/a> Autoptimize comprend \u00e9galement des fonctions d’optimisation cibl\u00e9es sur d’autres aspects des sites WordPress modernes.<\/p>\n

Dans cet article, nous allons partager les meilleurs r\u00e9glages de l\u2019extension Autoptimize pour am\u00e9liorer les performances et la vitesse des pages de votre site WordPress.<\/p>\n

<\/div><\/kinsta-auto-toc>\n

Pourquoi Autoptimize ?<\/h2>\n

Avant de nous plonger dans les meilleurs r\u00e9glages d’Autoptimize, passons rapidement en revue trois raisons pour lesquelles Autoptimize est une excellente extension d’optimisation.<\/p>\n

    \n
  1. La version gratuite d’Autoptimize<\/a> dispose d’un ensemble complet de fonctionnalit\u00e9s pour optimiser votre site WordPress.<\/li>\n
  2. Autoptimize est strictement une extension d’optimisation et ne fait pas de mise en cache de pages HTML. Cela signifie qu’elle est compatible avec tous les h\u00e9bergeurs web, m\u00eame ceux qui ont des configurations de mise en cache de pages personnalis\u00e9es<\/a> comme Kinsta.<\/li>\n
  3. Autoptimize compte plus d’un million d’installations actives dans le d\u00e9p\u00f4t WordPress et est constamment mise \u00e0 jour avec de nouvelles fonctionnalit\u00e9s et des corrections de bugs.<\/li>\n<\/ol>\n

    R\u00e9glages JS, CSS et HTML d\u2019Autoptimize<\/h2>\n

    HTML, CSS<\/a> et JavaScript sont le pain et le beurre d’Autoptimize. Comme pour les autres extensions d’optimisation, il peut \u00eatre difficile de se plonger dans le vaste ensemble de fonctionnalit\u00e9s et de r\u00e9glages d’Autoptimize. Pour vous faciliter la t\u00e2che, nous avons compil\u00e9 les meilleurs r\u00e9glages pour Autoptimize afin d’am\u00e9liorer les performances de votre site.<\/p>\n

    Options JavaScript<\/h3>\n
    \"Optimisation<\/a>
    Optimisation JavaScript dans Autoptimize.<\/figcaption><\/figure>\n

    Optimiser le code JavaScript<\/h4>\n

    Nous recommandons d’activer cette option. Lorsque l’option \u00ab Optimize JavaScript Code \u00bb est activ\u00e9e, Autoptimize va minifier vos fichiers JavaScript.<\/p>\n

    Fichiers JS agr\u00e9g\u00e9s<\/h4>\n

    L’option \u00ab Aggregate JS-Files \u00bb d’Autoptimize combinera tous vos fichiers JavaScript en un seul fichier. Dans le pass\u00e9, la combinaison des fichiers JS et CSS \u00e9tait une \u00e9tape cl\u00e9 de l’optimisation de WordPress. Chez Kinsta, nous utilisons des serveurs HTTP\/2 modernes<\/a> qui prennent en charge les t\u00e9l\u00e9chargements parall\u00e8les et le multiplexage – cela signifie que la combinaison des fichiers n’est plus aussi importante qu’auparavant car HTTP\/2 permet de t\u00e9l\u00e9charger plusieurs fichiers<\/a> en m\u00eame temps. Cela dit, l’agr\u00e9gation de fichiers CSS et JS se traduira toujours par un gain de vitesse pour certains types de sites WordPress, c’est pourquoi nous vous recommandons de tester la vitesse de votre page<\/a> avec cette option activ\u00e9e et d\u00e9sactiv\u00e9e.<\/p>\n

    Agr\u00e9ger aussi les JS inline<\/h4>\n

    L’option \u00ab Also aggregate inline JS \u00bb extrait le JS en ligne dans votre HTML, et le combine avec le fichier JS optimis\u00e9 d’Autoptimize. Comme cette option peut entra\u00eener une augmentation rapide de la taille du cache d’Autoptimize, nous vous recommandons de la d\u00e9sactiver, sauf si vous avez une raison particuli\u00e8re de l’activer.<\/p>\n

    Forcer le JavaScript dans l\u2019en-t\u00eate<\/h4>\n

    Dans la plupart des cas, nous ne recommandons pas de forcer les fichiers JavaScript \u00e0 se charger dans l’\u00e9l\u00e9ment HTML d\u2019en-t\u00eate de votre site, notamment avec l’option \u00ab Force JavaScript in <head><\/code> \u00bb. Forcer JS \u00e0 se charger t\u00f4t peut entra\u00eener des \u00e9l\u00e9ments de blocage du rendu<\/a> qui peuvent ralentir la vitesse de votre page. Si vous avez des fichiers JavaScript qui doivent \u00eatre charg\u00e9s dans l’\u00e9l\u00e9ment \u00a0<head><\/code>, nous vous recommandons d’exclure ces scripts de l’option Autoptimize.<\/p>\n

    Exclure les scripts d’Autoptimize<\/h4>\n

    Cette option vous permet d’exclure des r\u00e9pertoires et des fichiers JavaScript sp\u00e9cifiques de l’agr\u00e9gation. Par d\u00e9faut, l’option Autoptimize exclut les scripts suivants.<\/p>\n