Builder Divi 4.10

Builder Divi 4.10

Builder Divi se trouve être est un constructeur de pages. Depuis sa dernière mise à jour, il est capable de créer de nouvelles mises en page qui sont bien évidemment plus avancées que celles qui ont déjà pu être proposées par WordPress.

I. Qu’est ce que c’est ?

Elegant Themes a travaillé sur la version 4.10 de Divi.  Cette nouvelle version est capable d’identifier des scripts CSS assez importants, mais aussi de différer le traitement des scripts secondaires. Sans oublier qu’il minifie la taille des scripts CSS en combinant les style en les doublant.  

Grâce à la nouvelle mise à jour de Divi, ils ont enfin pu introduire de nouvelles options permettant de mettre “en cache” et en “différant” les tâches pouvant gêner et ralentir l’affichage de leurs pages tout en supprimant et en nettoyant les contenus mis en suspens et inutiles.  Il est également possible de choisir quelle sera la performance de votre logiciel et à quelle vitesse voulez-vous que votre site web fonctionne. 

C’est un mode très léger grâce à sa philosophie anti-surcharge. Cependant, plus vous utilisez le logiciel Divi, plus votre score PageSpeed risque de baisser. 

 

II. Pourquoi Divi et pas un autre ?

Sur le blog d’Elegant Themes, toutes les améliorations de Divi ont été détaillées mais aussi expliquées. Suite à une série de tests qui à été effectué, on peut remarquer une réduction de la taille des scripts CSS de 94%. C’est-à-dire qu’ils prennent moins de place. Les processus pouvant gêner ou encore ralentir l’affichage des données ont été supprimés. Grâce au thème de Divi, il est maintenant possible d’obtenir un score de 100 sur PageSpeed et 99 sur mobile. Bien que vous vouliez très certainement vous efforcer d’améliorer le plus possible les temps de chargement de votre site web, obtenir un 100/100 dans Google PageSpeed n’est pas vraiment important. Cela ne veut pas réellement signifier quelque chose. Il ne s’agit même pas du test de performance le plus complet. Ces résultats s’expliquent grâce à ses nouvelles améliorations.

2.1. PageSpeep

C’est depuis Mai 2021 que PageSpeed fait partie intégrante des nombreux critères qui peuvent permettre l’optimisation des performances d’un site web. Il a été présenté à la Developer Conference en 2010. Google PageSpeed ​​est également une famille d’outils de Google qui a été conçue afin d’aider à optimiser les performances de votre site Web. 

 

III. Ses performances 

En ce qui concerne les performances de Divi, il ne sera plus responsable des ralentissements de votre site web car il vous offre le meilleur que vous puissiez attendre d’un thème WordPress :

• Ils vous offrent la puissance d’un constructeur de pages ultra polyvalent.
• Il vous promet également la réactivité d’un thème léger au chargement.

 

IV. Ses améliorations

4.1. La police d’écriture :

Nous allons parler des polices d’écriture de Google qui sont mises en cache et qui ont été intégrées dans la balise “head” des pages. Cela permet de supprimer tous les risques qui risquent de ralentir le système. Il peut également permettre de supprimer certaines polices d’écritures qui sont inutiles pour votre site web.

4.2. Les emojis

Le logiciel WordPress est un logiciel qui comprend un système d’émoji natif. Depuis quelques années, celui-ci n’est plus utilisé. Il est maintenant possible de supprimer cette option afin d’intégrer les émoji natif provenant des navigateurs. 

4.3. Les icônes dynamiques

La fonction des icônes dynamique est une fonction qui est capable d’être désactivée. Elle n’est pas réellement impérative. Elle est désactivable avec deux modes. Soit avec le mode enfant. Ou avec la deuxième option qui est celle du module Divi personnalisé. La taille des icône est variable. Elle est de 90 Ko à 6 Ko. 

 

V. Framework PHP dynamique :

Framework PHP dynamique adopte une logique qui traite uniquement les besoins nécessaires qui sont présents pour afficher les modules et les fonctionnalités dont vous avez besoin pour chaque page. Si vous n’utilisez que 5 modules de Divi, il ne traite que les fonctions utiles à ces 5 modules. Il ignore donc le reste. Divi est un logiciel qui est bien plus léger car il utilise les options en fonction de vos besoins. 

 

VI. Le CSS dynamique

Les éléments CSS sont combinés afin de former une feuille de style unique contenant les éléments nécessaires pour styliser chaque page en fonction des modules, des fonctionnalités et des options de mise en page que vous utilisez pour chacune d’entre elles. Il supprime toute surcharge et diminue la taille de vos fichiers. Il identifie les styles en double et assemble les sélecteurs CSS en une seule liste. Seuls les premiers éléments sont nécessaires au début du processus de chargement d’une page. Grâce à la capacité de Divi de séparer les style CSS, le chargement des pages est plus rapide et plus efficace. 

 

VII. Le JavaScript optimisé

Le JavaScript optimisé a modularisé une grande partie du fichier JavaScript de Divi, qui permet au thème de charger plus rapidement la bibliothèque JavaScript dont vous avez besoin. Ils ont également désactiver des fonctionnalités comme les animations. Les éléments chargent uniquement en fonction de vos besoins. Elegant Themes a supprimé les gros blocs de code inutiles pour que la taille des fichiers soit diminuée.

 

VIII. Le chargement de jQuery

En ce qui concerne le chargement de jQuery. jQuery est une bibliothèque JavaScript libre multi plateforme créée afin de faciliter l’écriture de scripts dans le code HTML de votre site web. Divi a déplacé jQuery en dehors de la balise <head> de votre site. Il supprime une requête qui bloque et ralenti le temps de chargement de votre site web. Lorsqu’un site est mis en attente c’est qu’il a besoin du chargement de jQuery. Elle peut être désactivée manuellement si elle cause un problème pour votre site web. 

Conclusion : Divi 4.10 est une version qui permet d’accélérer le temps de chargement de votre site web. Il consiste également à supprimer les éléments qui sont inutiles et qui peuvent ralentir le chargement de votre site.