WordPress 5.5 : Les nouveautés de la mise à jour

C’est enfin arrivé ! WordPress 5.5 a enfin été déployée. Cette deuxième mise à jour majeure de 2020 est intitulée “Ecksine” en hommage au chef d’orchestre et musicien américain de jazz Billy Eckstine.

“Ecksine” apporte de nombreuses améliorations au niveau de l’éditeur visuel Gutemberg, de la sécurité, et des performances (avec notamment le lazyload sur les images que l’on attendais depuis un moment !)

Mise à jour WordPress 5.5

WordPress 5.5 étant une version majeure (passage de 5.4 à 5.5), votre site n’a normalement pas été mis à jour automatiquement. La mise à jour devra donc se faire manuellement depuis votre backoffice ou en utilisant WP-CLI. Veillez bien à faire une sauvegarde complète de votre site avant de procéder à ce genre de grosses mises à jour, sans quoi risquez d’aller au devant de différents problèmes (thèmes ou plugins non compatibles etc…).

Le LazyLoad de WordPress 5.5

La technique de LazyLoad consiste à charger uniquement les éléments visibles d’une page web. En effet, il ne sert à rien de charger l’intégralité des images d’une page si l’utilisateur n’en consulte qu’une tiers. Cela consomme les ressources de serveur et de la bande passante inutilement. C’est donc à la fois une amélioration de l’UX (les pages se chargent plus vite) et un geste écoresponsable (imaginez les économies d’énergie que cela va engendrer à l’échelle mondiale ! ). Les navigateurs modernes se sont mis assez récemment à la prise en charge native du lazyload (mis à part Safari…)  mais cela nécessite en amont une adaptation de la nomenclature de codage de la balise image.

Balise image classique :

<img src="image.jpg" alt="mon image non-lazyload" />

Balise image “LazyLoad”

<img loading="lazy" src="image.jpg" alt="mon image non-lazyload" />

WordPress 5.5 intègre désormais nativement cette fonctionnalité permettant le chargement différé des images. Il était possible avant cette mise à jour de mettre en place le LazyLoad via divers plugins comme Lazy Load by WP Rocket par exemple.

Fonctionnalité de Mise à jour automatique du thème et des plugins

Alors que la mise à jour automatique n’était disponible uniquement pour le cœur de WordPress, la dernière version intègre désormais une gestion de la mise à jour automatique au niveau des thèmes et des plugins. Cette dernière est désactivée par défaut et il est possible de sélectionner les plugins ou thèmes qui pourront être mis à jour automatiquement.

C’est un énorme pas en avant au niveau de la sécurité de WordPress, car les failles de sécurité résident souvent dans les plugins ou thèmes non mis à jour.

Il est aussi désormais possible de mettre à jour un plugin en renvoyant l’archive .zip du plugin directement depuis le backoffice. En règle générale on met à jour un plugin en cliquant sur la notification de mise à jour, mais il arrive parfois qu’il faille le faire manuellement. Avant WordPress 5.5, il était impossible de renvoyer un plugin portant le même nom, il fallait pour cela le supprimer ou le remplacer via le FTP. WordPress 5.5 sait désormais faire la différence entre un plugin nouveau à installer et un plugin à mettre à jour. Il vous signale que le plugin existe déjà et vous propose de le remplacer. Très pratique !

WordPress 5.5 et amélioration de l’éditeur de blocs

Motifs de bloc

Gutemberg dispose maintenant de templates de blocs permettant de définir des patterns de bloc pré-configurés. Quelques motifs de bloc sont déjà intégrés à WordPress 5.5, d’autres arriverons par la suite au fur à mesure des mises à jour du cœur de WordPress. Gutemberg devient de plus en plus attrayant de part sa simplicité et ses fonctionnalités !

Modification directe des images

Nouvelle fonctionnalité de l’editeur visuel, la modification directe des images permet de faire pivoter, zoomer et recadrer les images directement à partir du bloc image ! Cela fonctionne à merveille et permettra d’optimiser le temps de mise en forme d’un article.

Mise en place d’un fichier sitemap.xml

Un sitemap.xml est un fichier XML permettant de donner la liste de toutes les URL d’un site aux moteurs de recherche. C’est un fichier indispensable pour le référencement naturel de votre site. Avant WordPress 5.5 il fallait passer par des plugins comme RankMath SEO ou Yoast pour générer les sitemap.xml.

C’est pour moi une aberration pour un CMS aussi populaire de n’avoir nativement pas toutes les fonctionnalité basique de référencement naturel. WordPress fait un petit pas en avant en intégrant nativement un plan de site XML. Ce dernier est disponible en ajoutant /wp-sitemap.xml à la fin de l’adresse de votre site internet.

Allez, on y crois, dans la version de WordPress 5.6 ont aura la main sur les balises Title et Description ! 🙂

Si vous utilisez des plugins dédiés à l’optimisation SEO, cette évolution ne vous sera d’aucune utilité car elle sera désactivé par défaut par ces derniers.

Mises à jour pour les développeurs

Les développeurs ne sont pas en reste concernant la mise à jour de WordPress 5.5. On pourra notamment apprécier :

• Mise à jour de Dashicons avec l’ajout de 39 icônes provenant de l’éditeur et 26 autres icônes
• Ajout de la possibilité de définir un environnement (développement, staging, production…) et récupération de l’environnement via la fonction wp_get_environment_type(). Cette fonctionnalité est pratique lorsque l’on veut exécuter un code différent selon le stade de développement ou l’on se trouve.
• Passage de variable aux templates de modèles : get_header(), get_template_part() ont un nouveau paramètre permettant de passer ce que l’on veut aux templates inclus (tableaux, chaîne de caractère etc…)
• Mise à jour majeure, de PHPMailer en version 6.1.6 (initialement en 5.2.27)
• Améliorations diverses de l’API REST

Avant de mettre à jour WordPress en version 5.5

La mise à jour est à ce jour relativement récente. Nous vous recommandons comme pour chaque update majeure, d’attendre qu’elle soit un peu plus mature et de faire dans tous les cas une sauvegarde des fichiers et de votre base de donnée avant de vous lancer.

Pour en savoir plus sur les différents changements rendez-vous ici :