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 :
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).
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.
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
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.
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.
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 ?
Laisser un commentaire