[Pro] Comment optimiser les performances du thème Astra sur WordPress | Core Web Vitals

Astra, un thème « rapide et léger » ?

Le thème Astra sur WordPress compte parmi les plus populaires. Je l’utilise sur mes propres sites, et sur les sites de mes clients.

Pourtant, Astra n’est pas sans défaut, et un de ses défauts est qu’il ment sur ses performances de chargement.

Sur sa page d’accueil, Astra prétend ceci :

Vous obtenez des sites Web légers et performants en quelques minutes – aucun codage requis
Promesse de vitesse
Astra privilégie la performance avant tout, en respectant les normes de codage les plus strictes afin que votre site soit apprécié par les visiteurs et les moteurs de recherche.

Un thème pas si performant que ça : test avec PageSpeed

Pourtant, il suffit de tester un des sites de démonstration que proposent leurs « starter templates« , leur galerie de modèles de sites web.

Par exemple, quand je teste la vitesse du modèle de site « Fiona pâtisserie » avec Google PageSpeed Insights, j’obtiens les performances suivantes :

11 secondes pour charger une page sur mobile, ce n’est pas exactement ce que j’appellerais « rapide ».

De plus, sur mobile comme sur ordinateur, cette démo de site avec un template du thème Astra a certaines Core Web Vitals en rouge (First Contentful Paint et Largest Contentful Paint, Speed Index), et sa note globale n’est jamais au-dessus de 90.

Ces notes assez médiocres ne sont pas surprenantes. En réalité, la prétention d’Astra a être « un thème rapide » n’a guère de sens, car ce qui fait la vitesse de chargement d’une page, c’est une série de réglages et d’optimisations qu’on fait au niveau du site et du serveur, et avec lesquels le thème n’a rien à voir.

Par exemple :

• on optimise les images
• on distribue les fichiers via un CDN
• on installe un cache objet
• on diffère le chargement des fichiers JS et CSS non-critiques
• etc

Quand je fais toutes ces optimisations sur mes sites qui utilisent le thème Astra, là et là seulement, j’obtiens des notes vertes, de plus de 90/100, sur mobile comme sur ordinateur. Et mes pages atteignent des vitesses de chargement comprises entre 1 et 3 secondes en moyenne.

Voici comment vous pouvez faire pour optimiser votre thème Astra.

Conseils pour optimiser le temps de chargement du thème Astra

Optimiser les images

Comme souvent, un des principaux problèmes de temps de chargement vient des images.

Le diagnostic de PageSpeed liste 3 problèmes différents liés aux images sur la démo d’Astra déjà mentionnée :

Ces problèmes sont courants et les solutions sont assez simples :

• optimiser la taille, la compression et le format des images avec un plugin comme ShortPixel
• redimensionner les images
• servir des formats comme webp
• différer le chargement des images / mettre les images en lazyload

Pour l’optimisation SEO des images, n’omettez pas de remplir les champs nécessaires (titre, alt, légende).

Optimiser le DOM

Le thème Astra est économe niveau DOM.

Le DOM, c’est le « document object model« , en gros c’est la structure du document HTML. Plus cette structure contient d’éléments et des nœuds, plus le navigateur met de temps à en calculer tous les styles CSS.

Quand on cumule Astra, son plugin Astra Pro, le constructeur de pages Elementor et divers autres plugins de widgets plus ou moins gadget, on fait exploser la taille du DOM.

De base, Astra fait moins de 600 nœuds de DOM, un chiffre optimal. Mais avec divers plugins, ce nombre atteint les 1600, 2000, ou plus.

C’est là que PageSpeed formule son reproche : Éviter une taille excessive de DOM. (Lisez cet article pour apprendre à régler le problème du DOM).

Une des solutions que j’ai mises en oeuvre pour simplifier le DOM est de supprimer le footer d’Astra, et de le remplacer par un pied de page écrit à la main en HTML. J’y ai économisé 200 nœuds par chargement de page !

Installer un cache objet

Un cache objet est une mémoire qui va stocker les infos que les pages vont chercher à chaque chargement dans la base de données.

Des infos aussi répétitives que le nom du site ou l’url du logo, ou les nombreuses options des plugins stockées dans la table wp_options.

Comme solutions de cache objet, je vous recommande d’utiliser Redis avec LiteSpeed Cache si vous pouvez (mais LiteSpeed est très complexe), ou sinon le plugin APCu Manager suffira (il suppose d’activer APCu sur la version PHP).

Installer un cache

Le cache est la mise en mémoire temporaire de tous les fichiers HTML, CSS, JS et autres, nécessaires au chargement des pages web.

Mon système de cache préféré est LiteSpeed Cache, très efficace mais compliqué.

Pour un niveau amateur des plugins comme Cache Enabler ou WP Fastest Cache peuvent suffire. Vu qu’un amateur ne saurait pas configurer correctement un plugin plus complexe.

Je vous invite néanmoins, si vous avez un site à vocation professionnelle, à faire les choses de manière pro. En effet, votre trafic et vos ventes dépendent en partie de la vitesse de chargement de vos pages. Un site lent, c’est désagréable et ça fait mauvaise impression.

Utiliser un CDN

Un CDN, ou réseau de distribution de contenus, permet d’alléger la charge de travail de votre serveur, en en déléguant une partie à d’autres serveurs.

Par exemple, un CDN va copier vos fichiers CSS et JS, et les envoyer à la place de votre serveur chaque fois qu’une page les appelle.

Cela accélère considérablement le temps de chargement. (Et cela booste les Core Web Vitals de type FCP et LCP.)

Pour cela, j’utilise le CDN de Quic.cloud en combinaison avec LiteSpeed, ou CloudFlare.

Mettre à jour PHP

Une optimisation toute simple peut consister à mettre à jour PHP.

En tant que prestataire, je vois régulièrement des horreurs. Des sites qui, en 2025, tournent toujours avec du PHP 7.4, obsolète depuis un an, plus lent que les versions 8 et bien moins sécure.

Bref, vérifiez que votre version PHP est à jour.

Et si possible, activez les modules qui doivent l’être (Opcode, APCu…) et réglez correctement les valeurs des limites de mémoire.

Aide à l’optimisation

Si vous ne savez pas optimiser vous-même les performances de votre site WordPress avec le thème Astra, je peux le faire pour vous :

Optimisation de la vitesse de chargement d’un site WordPress

Selon le niveau d’optimisation souhaité, cela prendra entre 1 et 10h en moyenne.

(Sur des sites où rien n’est bien fait, et quand le webmaster ambitionne d’en faire un site rapide, cela pourrait prendre plus longtemps de configurer tout ce qui est nécessaire).