Astra Pro VS GeneratePress Premium

thèmes de blocs wordpress

Je suis fan de Genesis Framework, je l'utilise depuis 3-4 ans maintenant. Mais un de nos clients m'a dit de jeter un œil à GeneratePress ou Astra . Ce sont d’excellents thèmes et ne sont pas aussi volumineux que je pourrais le penser.

Habituellement, les thèmes destinés aux débutants comportent des centaines d’options. Ils ne sont pas très légers mais ne présumons rien et testons.

J'ai acheté les licences pour les deux thèmes et créé des sites de démonstration. J'ai importé du contenu du blog de mode de ma femme.

Premiers tests

En utilisant GTMetrix, les tests initiaux ressemblent à ceci :

en utilisant le test initial de gtmetrix, les performances de GeneratePress
Performances de GeneratePress

Une installation WordPress avec GeneratePress Premium contient 33 Ko et effectue 13 requêtes. Le temps de chargement est de 0,7 seconde (j'ai choisi le meilleur temps parmi 3 tests).

en utilisant le test initial de gtmetrix, les performances d'Astra
Performances de l'Astra

Une installation WordPress avec le thème Astra Pro contient 92 Ko et effectue 14 requêtes. Le temps de chargement est de 0,9 seconde (meilleur sur 3 tests).

Les deux sont de simples installations WordPress, pas de plugins, mais j'ai installé Gutenberg. Je pense qu'il est important de tester avec Gutenberg activé puisqu'il fera partie de WordPress.

Il semble que GeneratePress ne charge pas jQuery et c'est la raison pour laquelle il contient moins de Ko qu'Astra.

Construire un vrai site internet

C'est génial, mais je veux voir ce qui se passe lorsque j'essaie de créer un vrai site Web.

Je vais donc installer plus de plugins, ajouter des images et essayer de créer un site web de style maçonnerie, juste pour le plaisir, pour avoir un objectif clair.

Le résultat final souhaité
Le résultat final souhaité

De plus, je ferai quelques petits ajustements, comme je le ferais lors de la création d’un vrai site Web. Cela signifie supprimer le wp-emoji et wp-embed JS, optimisation des images et j'utilise le Plugin Litespeed Cache pour optimiser CSS et JS et mettre en place cacheing.

Personnaliser

Commençons par la personnalisation, en effectuant exactement les mêmes modifications sur les deux sites :

  • configurer un logo et une icône de site
  • configurer la mise en page
  • configurer les couleurs

J'aime la simplicité de travailler dans WordPress Customizer. C'est une excellente direction dans laquelle WordPress et les thèmes WordPress vont, mais ce n'est pas à 100 % pour moi.

J'aime configurer certaines choses dans le Customizer. Mais pour concevoir chaque aspect du site Web – trop de clics de souris, je peux sentir le syndrome du canal carpien se manifester.

Cela semble redondant, je dois mettre la même couleur à 3 ou 4 endroits différents – le menu principal, le menu collant, le menu mobile.

C'est le même menu, pourquoi tant de clics pour définir une couleur ?

Je serais plus à l'aise dans un éditeur de texte (j'utilise Atom) pour rechercher et remplacer le code couleur HEX. Mais cela prouve que les thèmes, Astra et GeneratePress, ne sont pas faits pour des gens comme moi qui sont à l'aise avec un éditeur de texte et qui savent ce qu'est HEX.

Poste unique

Ils sont conçus pour les personnes qui souhaitent créer un site Web très facilement, simplement en cliquant et en définissant des options.

Et avec ce principe à l'esprit, je pense qu'Astra est meilleur parce que je n'ai pas réussi à accomplir ce que je voulais avec GeneratePress.

Ce qui manque à GeneratePress est la possibilité de personnaliser la largeur du contenu d'un article unique. Vous devez ajouter du CSS personnalisé pour l'obtenir comme vous le souhaitez.

Cette image ci-dessous est à quoi je voulais ressembler. Astra a presque raison. Je voulais une largeur de 700 px et il y a une limite dans Astra à 768 px – mais ça va.

astra poste unique
Poste unique Astra

Dans GeneratePress, en revanche, la publication unique ressemble à l'image ci-dessous. Le contenu s'étend sur toute la largeur du conteneur. Vous ne pouvez pas le définir dans le Customizer, vous devez ajouter du CSS personnalisé.

De plus, Astra a un meilleur style pour la navigation ainsi que pour la navigation à publication unique, ses styles par défaut me suffisent. Dans GeneratePress, je devrais ajouter plus de CSS pour le styliser comme je le souhaite.

Ainsi, si l’objectif est de créer un site Web sans toucher au code, GeneratePress échoue.

generatepress article unique
Article unique GeneratePress

Astra a également un meilleur style pour la navigation ainsi que pour la navigation à publication unique, ses styles par défaut me suffisent. Dans GeneratePress, je devrais ajouter plus de CSS pour le styliser.

Dans l’ensemble, les deux sont de bons thèmes, parfaits pour les débutants débutant avec WordPress.

Conclusion

Du point de vue de l'expérience utilisateur, je suis légèrement enclin à Astra Pro. Cela me semblait moins de travail pour que cela ressemble à ce que je voulais. Il propose plus d'options et des contrôles plus précis, comme l'espacement et les largeurs personnalisées.

L'effet de maçonnerie est cependant meilleur dans GeneratePress. Il passe de 3 colonnes à 2 puis à 1 à mesure que la fenêtre devient plus petite. Dans Astra, cela passe directement de 3 colonnes à 1 colonne. Détail mineur, mais lorsque vous voulez que votre site Web soit parfait au pixel près, cela compte.

Du point de vue des performances, GeneratePress semble meilleur, il contient des fichiers CSS et JS plus petits et fait moins de requêtes.

Une chose que je ne sais pas comment évaluer est tout ce CSS en ligne généré par les deux thèmes, Astra plus que GeneratePress.

Quelle quantité de CSS en ligne est trop importante ? Si vous disposez de données sur l'impact que cela pourrait avoir sur la vitesse, faites-le moi savoir dans la section commentaires.

Je ne vois pas de gagnant clair, les résultats sont contradictoires. Parfois Astra est plus rapide que GeneratePress, parfois c'est l'inverse.

La vitesse de chargement est à peu près la même pour les deux sites de test, environ 1,1 seconde.

J'ai testé avec GTMetrix, Pingdom Tools et Chrome DevTools (cache désactivé) avec les deux sites Web de démonstration sur le même compte d'hébergement partagé.

Qu'en penses-tu? Quel thème préférez-vous ?

Commentaires

5 réponses à « Astra Pro VS GeneratePress Premium »

  1. Salut,

    J'ai utilisé GeneratePress Premium et Astra Pro pour créer des sites Web et je suis tout à fait d'accord sur le fait qu'Astra propose plus d'options pour styliser des publications individuelles en termes de largeur de publication, etc.

    Ce qui m'intrigue cependant, c'est le temps qu'il faut au personnalisateur pour se charger avec Astra Pro activé – cela prend jusqu'à 30 secondes.

    Avez-vous remarqué cela lorsque vous avez essayé Astra Pro ?

    Sinon c'est un super thème. Je recommande fortement GP et Astra

    David

    1. Je n'ai pas eu de problèmes de performances mais le site n'avait que du contenu de démonstration, il était relativement petit.

    2. Hai Pham Avatar
      Haï Pham

      J'ai aussi ce problème. Le personnalisateur prend beaucoup de temps à charger :(.

  2. Salut.

    Belle revue.
    Qu’en est-il de l’effet SEO, lequel est le meilleur ?

    Merci.

    1. Je ne suis pas un expert en SEO, je n'ai pas testé dans cette perspective.

Laisser un commentaire

Votre adresse email ne sera pas publiée. Les champs obligatoires sont marqués *

Anglais