À quelle vitesse est le thème Divi? (et comment accélérer)

Divi a récemment publié une mise à jour impressionnante de ses performances qui « accélère Divi sous tous les angles ». Selon le thème élégant, leur nouvelle version élimine l’enflure et vous donne une bonne note sur Google page speed Insights. Aujourd’hui, nous allons vérifier cette déclaration et la vitesse de Divi. Nous partagerons ensuite notre liste de technologies d’optimisation que vous pouvez suivre pour accélérer la création de sites WordPress en utilisant les thèmes Divi. Divi et WP rockets testent les performances de Divi je vais essayer la version 4.14 de Divi. J’ai installé une démo de la Bibliothèque Divi appelée studio de yoga. Mon site de test contient des photos, des cours de yoga, des références et des liens vers les médias sociaux.
Outils de performance utilisés: Google page speed Insights on Mobile Devices et webpagetest. Org (iphonex, serveur en France): Nous adoptons une approche entièrement mobile. KPI mesurés: niveau de performance PSI, deux clés Web de base, indice de vitesse, temps total de blocage, premier rendu de contenu, temps d’interaction, temps de pleine charge et nombre de requêtes http. Note: fid ne peut pas être mesuré parce que ses données sont basées sur l’utilisateur réel. Cependant, nous avons le temps total de blocage, qui est similaire au fid. Vérifions! Le site de test que j’ai créé avec Divi: un site d’apprentissage en ligne avec des cours de yoga nous montre nos scores KPI mobiles:

Résultat rapide: À quelle vitesse Divi est – il? Le temps de pleine charge de Divi est de 2,6 secondes sur l’appareil mobile, ce qui est un bon résultat
La vitesse de nombreux sites. Selon Lighthouse, Divi a obtenu un score de performance de 84 \/ 100 sur les appareils mobiles, ce qui est également un score de performance satisfaisant.
Pour les pages créées à l’aide d’un éditeur de glisser – déposer visuel, comme Divi, tous ces chiffres sont réels. Comment expliquez – vous cette performance à un constructeur de page qui vous permet de créer tant de fonctionnalités avancées? Simple: dans la dernière version de Divi, elegant themes a ajouté de nombreuses fonctionnalités intégrées d’optimisation de vitesse pour accélérer le chargement du site. C’est pourquoi notre niveau de performance mobile (84 \/ 100) est assez bon: Nous devrions envisager de construire la capacité interne en utilisant le module Divi et l’animation. Performance globale des appareils mobiles – Source: PSI, cependant, il y a encore place à l’amélioration. Nous devrions obtenir un score vert (plus de 90). Lighthouse recommande de résoudre certains problèmes afin d’améliorer nos notes de rendement. Les recommandations portent principalement sur la mise en cache, la compression du texte et la réduction du Code inutilisé. Section vérification de mon site Divi – Source: PSI

Vous voulez savoir comment nous avons atteint 100 \/ 100 sur les appareils mobiles utilisant Divi et WP Rocket? Sautez à la dernière section!
En ajoutant 5 caractéristiques principales d’optimisation de la vitesse, 5 nouvelles caractéristiques Divi performance Divi sont passées d’un thème lourd à un thème léger, c’est – à – dire: un nouveau cadre PHP dynamique: chargement et traitement seulement d
Choisissez votre hôte lors de la recherche et nous combinons également la liste des meilleurs hôtes WordPress sur le marché. En résumé: ne pas enregistrer sur votre fournisseur d’hébergement. Il s’agit plutôt d’une priorité. Les fondateurs de Divi vous conseillent de contrôler votre environnement d’hébergement. Divi, a – t – il dit, « n’est qu’un mystère en termes de vitesse du site ». Les fondateurs de Divi ont choisi la bonne tutelle 2. Réduire ttfb la meilleure façon de réduire le temps au premier octet (ttfb) pour les sites WordPress créés avec Divi est d’utiliser le plug – in cache. La mise en cache aide à réduire le temps de traitement du serveur, ce qui accélère les pages Web et, par conséquent, réduit le ttfb. Vous devriez également optimiser votre base de données WordPress en utilisant les dernières versions de PHP et CDN. Mesure ttfb – Source: gtmetrix WP Rocket vous aide à réduire ttfb grâce à la mise en cache et à l’optimisation de la base de données.
3. Optimiser la performance du JavaScript JS est utile pour la vérification et l’interaction entre les visiteurs et le site Web. Dans la dernière version, Divi a réduit la taille du fichier javascript, permettant à l’utilisateur de charger seulement ce dont chaque module a besoin. Divi peut également supprimer le javascript inutilisé par page dans les options de sujet → général → performance. Ici, vous devez activer le cadre de module dynamique et les paramètres de la Bibliothèque JavaScript dynamique. JS – on – Demand – Source: onglet optimisation Divi de plus, vous pouvez utiliser des plug – ins comme WP Rocket pour optimiser le Code JS que Divi n’a pas créé. Mon optimisation JS – Source: WP Rocket 4. Supprimer les CSS inutilisés ou optimiser la publication des CSS l’équipe Divi rend les sujets intelligents en identifiant automatiquement les CSS critiques (au – dessus du pli) et en optimisant la livraison des CSS. Divi retarde les styles non critiques, réduisant ainsi
Le bon niveau de compression, fournit la bonne taille d’image et utilise le format webp de prochaine génération. Si vous ne souhaitez pas appliquer ces meilleures pratiques manuellement, nous vous recommandons d’utiliser un plugin d’optimisation d’image WordPress comme imaginy. Le plug – in rend l’image plus claire sans affecter la qualité. Pourquoi ne pas essayer? Il y a un essai gratuit. Voulez – vous apprendre d’autres techniques de performance avancées pour votre site WordPress? Lisez notre guide spécial sur l’optimisation de la vitesse de page.

Si vous souhaitez appliquer un chargement lent de manière plus simple (plus rapide), vous pouvez utiliser un plug – in comme WP Rocket avec un onglet lazyload dédié:

Utilisez WP Rocket 8 pour retarder le chargement. L’utilisation du réseau de diffusion de contenu CDN (CDN) est un groupe de serveurs géographiquement répartis qui travaillent ensemble pour fournir une livraison rapide de contenu Web. C’est très nécessaire, surtout si vous avez des visiteurs internationaux. Lorsque vous sélectionnez CDN, assurez – vous d’avoir accès à une bande passante illimitée et que tous les fichiers sont desservis par HTTPS, y compris le trafic SSL. Il y a beaucoup de CDN sur le marché, mais si vous voulez que les images, les fichiers JS et CSS soient automatiquement servis sur plus de 35 marchés et plus de 50 emplacements Edge, vous pouvez utiliser rocketcdn avec Divi. Emplacement du serveur – fusée CDN 9. Compression de texte la compression de texte, également appelée compression GZIP, vous permet de compresser le contenu HTML, css et JS vers
Avec la bile de la fusée WP. Divi 4.10 améliore la compatibilité avec WP Rocket en introduisant les améliorations suivantes: « supprimer les CSS inutilisés » est compatible avec les principales fonctions CSS de Divi. Divi est responsable du CSS et WP Rocket est responsable du reste. Vous pouvez maintenant définir quelques exclusions dans la fonction WP Rocket \
Et Astra. Vous trouverez une chose en commun avec ces contrôles de performance: WP Rocket a accéléré tous les sites de test et nous a donné un score vert sur Google page speed Insights. Comme vous pouvez le voir dans cet article, WP Rocket est un moyen simple et fiable d’augmenter la vitesse de Divi et d’atteindre d’excellents objectifs d’optimisation des performances. (nous sommes passés de 84 \/ 100 à 100 \/ 100 sur nos téléphones portables). Mieux encore, vous n’avez pas à prendre le risque d’essayer WP Rocket parce que la garantie de remboursement vous couvre. Installez WP Rocket sur le site WordPress que vous avez créé avec Divi et faites – nous part de vos résultats sur Google page speed Insights dans les commentaires!