Ce thème minimaliste créé par l’équipe d’Elementor représente la meilleure base pour fonctionner avec le constructeur de page pour WordPress, il est très léger mais propose néanmoins, avec cette nouvelle version, quelques fonctionnalités bien pensées.
Avec cette version, le thème Hello Elementor inclut des améliorations pour désactiver des fonctions supplémentaires du thème et optimiser davantage les performances du thème (Vanilla JS).
Hello v.3.0 propose de nouvelles options pour réduire les ressources utilisés
Hello est déjà un thème léger mais ses fichiers CSS minifiés chargés sur le site continuent de diminuer. Dans la version 2.7, sortie en mars 2023, la taille totale du CSS a été réduite de 17%, passant de 21 Ko à 18 Ko. Avec des ajustements mineurs des réglages, la version 3.0 offre la possibilité de réduire davantage la taille du CSS chargé de 40% supplémentaires, à seulement 10 Ko !
Nouveau réglage Hello : désactiver l’en-tête et le pied de page !
La page « Réglages du thème » comporte une nouvelle option qui vous permet de supprimer les sections d’en-tête et de pied de page du site, qui sont actives par défaut. La désactivation de cette fonctionnalité empêchera le thème de charger le balisage HTML et le fichier CSS associés à la fonctionnalité d’en-tête et de pied de page de tout le site.
Les autres options disponibles sont :
- Désactiver la balise meta description
Supprimer la balise meta description dans les pages de contenu singulier qui contiennent un extrait. - Désactiver le lien de contenu
Supprimer le lien « Aller au contenu » utilisé par les lecteurs d’écran et les utilisateurs naviguant avec un clavier. - Désactiver le titre de page
- Annuler l’enregistrement de style.css de Hello
Désactivez le fichier style.css du thème Hello qui contient les règles de réinitialisation CSS pour une vue unifiée entre navigateurs. - Annuler l’enregistrement de theme.css de Hello
Désactivez le fichier theme.css du thème Hello qui contient des règles CSS qui stylisent les éléments WordPress.
Amélioration des performances du thème Hello avec moins de CSS inutilisés
Le thème divise, désormais, les fichiers CSS en fichiers plus petits, plus ciblés et plus faciles à gérer. En chargeant les styles uniquement pour les fonctions utilisées, le site charge moins de ressources, améliore les métriques « CSS inutilisées », s’exécute plus rapidement et améliore les performances globales du site.
Hello est un thème WordPress très léger. Il ne charge que deux feuilles de style pour 18 Ko en tout : style.min.css (6 Ko) qui inclut les règles de réinitialisation CSS et theme.min.css (12 Ko) qui inclut les styles WordPress généraux, ainsi que les styles d’en-tête et de pied de page.
Avec cette version, le fichier theme.min.css est divisé.
Les styles responsables de la conception des en-têtes et des pieds de page ont été déplacés vers un nouveau fichier. La taille totale des feuilles de style combinées n’a pas été modifiée (18 Ko), mais le thème comporte désormais 3 fichiers CSS : style.min.css (6 Ko), theme.min.css (5 Ko) et header-footer.min.css. (7 Ko).
Chargement conditionnel des ressources du thème Hello
Les fichiers style.min.css et theme.min.css sont toujours chargés sur toutes les pages. Cependant, le header-footer.min.css est désormais chargé de manière conditionnelle. Lors de la désactivation de l’en-tête et du pied de page du thème dans les réglages du thème, ce CSS n’est pas chargé.
Depuis la version 3.0.0, lorsque vous désactivez l’en-tête et le pied de page du thème, les styles ne sont pas chargés car ils le sont dans un fichier header-footer.min.css distinct. Ce chargement conditionnel améliore les performances globales du site. Il réduit la taille totale des fichiers CSS chargés de 40 %, de 18 Ko à 10 Ko.
Le JavaScript chargé en ligne a été réécrit. Le script est chargé de manière conditionnelle, uniquement lorsque la fonction d’en-tête/pied de page est utilisée. De plus, le code JavaScript réécrit n’utilise plus jQuery, supprimant la dépendance à une bibliothèque externe.
Hello dit au revoir à jQuery et bonjour Valilla.js !
Hello v3.0.0 ne dépend plus de jQuery. Tout le code JavaScript écrit avec jQuery a été réécrit en Vanilla JS. Tant dans l’administration WordPress que sur le site en ligne.
Le thème est devenu encore plus léger, car il ne repose plus sur d’autres bibliothèques JS et nécessite moins d’actifs pour fonctionner. Les développeurs avancés peuvent désormais optimiser davantage leurs sites en désinscrivant jQuery, éliminant ainsi 60 Ko supplémentaires. Cela n’était pas possible dans les versions précédentes.
Veuillez noter que si votre site continue de charger jQuery, c’est probablement par une extension tierce et non par le thème Hello. Avant de désinscrire jQuery, vérifiez les extensions du site et leurs dépendances.
Source : présentation de la version
