Point culminant du plugin Divi : Divi Rocket

La vitesse de chargement du site Web est cruciale pour maintenir un excellent référencement et réduire le taux de rebond d'un site Web. Il existe de nombreux plugins de mise en cache qui peuvent améliorer les performances, mais la plupart des plugins de mise en cache sont génériques. Ils fonctionnent avec les principaux paramètres de la plupart des thèmes plutôt que de cibler des besoins ou des fonctionnalités spécifiques d'un thème. Maintenant, il existe un plugin de mise en cache spécialement conçu pour Divi.

Divi Rocket est un plugin tiers qui a été conçu pour être « sensible à Divi ». Il est familier avec le fonctionnement de Divi, et avec les sections et modules Divi. Il sait quoi mettre en cache et quoi vérifier sur une page Divi lors de la régénération du cache. Dans cet article, nous allons jeter un œil à Divi Rocket, voir ce qu'il peut faire et voir à quel point il est facile à utiliser.

Installation et activation

Avant de pouvoir utiliser Divi Rocket, vous devez saisir votre clé de licence. Allez dans Divi > Divi Rocket dans le menu du tableau de bord. Une fois le plugin activé, les onglets du menu se déverrouilleront où vous pourrez faire des sélections et effectuer des tâches.

La conception du menu est similaire à la conception du menu Divi. Il a l'air élégant, mais il est également facile à comprendre et à suivre (contrairement à certains plugins de mise en cache qui ont trop de paramètres difficiles à suivre et à configurer). Il ajoute également un menu à la barre d'administration où vous pouvez effacer le cache de la publication en cours (lors de la visualisation du site depuis le frontend), l'intégralité du cache et voir les paramètres.

Tâches

L'onglet Tâches comprend 12 tâches qui optimisent ou suppriment des fichiers. Les tâches comprennent :

1. Optimiser les tableaux
2. Supprimer les messages de révision des articles
3. Supprimer les messages de brouillon automatique
4. Supprimer les messages mis à la corbeille
5. Supprimer les spams ou les commentaires mis dans la corbeille
6. Supprimer les commentaires non approuvés
7. Supprimer les pingbacks et les rétroliens
8. Supprimer les métadonnées de publication orphelines
9. Supprimer les métadonnées de commentaire orphelines
10. Supprimer les données de relation orphelines
11. Supprimer les métadonnées utilisateur orphelines
12. Supprimer les métadonnées de terme orphelin

Chaque tâche indique le nombre d'éléments qui seront supprimés. Sélectionnez la ou les tâches que vous souhaitez effectuer et cliquez sur Traiter les tâches sélectionnées. Optimiser les tables est particulièrement intéressant. Il s'agit d'une optimisation de base de données conçue spécifiquement pour Divi. Une fois que vous avez exécuté les tâches, cela indique si chacune a été un succès ou si aucune optimisation n'a été effectuée.

Mise en cache du navigateur

L'activation de la mise en cache du navigateur indiquera au navigateur de mettre en cache les ressources statiques, notamment les fichiers jpg, jpeg, png, gif, svg, pdf, css, js, flv, ic et swf pour les serveurs Apache. Vous pouvez contrôler le nombre de jours d'expiration du cache et ajouter des URL à ignorer.

Mise en cache du serveur

La mise en cache du serveur active la mise en cache côté serveur. Vous pouvez également désactiver la mise en cache côté serveur pour n'importe quel rôle d'utilisateur.

La mise en cache côté serveur fonctionne différemment de la mise en cache serveur standard. La plupart des plugins de cache stockent une version mise en cache de la page entière, puis l'envoient à un navigateur. Chaque fois qu'une modification est apportée, la page entière est régénérée dans le cache.

Divi Rocket a été conçu spécifiquement pour les modules Divi. Il sait qu'un module sur une page peut changer tandis que le reste de la page reste le même. Il est conscient que les modules de blog et les modules de boutique peuvent changer souvent, tandis que les textes de présentation et les modules de personne changent moins souvent. Cela signifie qu'il peut régénérer une partie seulement de la page au lieu de la page entière à chaque fois qu'une modification est apportée.

Chargement paresseux

Le Lazy Loading charge les sections Divi au fur et à mesure que l'utilisateur fait défiler jusqu'à elles. Cela signifie que seule une partie du site Web doit se charger avant que l'utilisateur puisse commencer à naviguer sur le site. Cela signifie également que les parties du site que l'utilisateur ne visite jamais n'ont pas besoin d'être chargées.

Il nécessite une mise en cache côté serveur et est encore en phase de test. Une fois que vous l'avez activé, vous pouvez définir le nombre de sections Divi qui se chargeront initialement lors du chargement du site, et le nombre de sections qui se chargeront à chaque fois qu'une demande de chargement est envoyée.

Le chargement différé affiche un fond blanc avec un préchargeur jusqu'au chargement de la section suivante. Le temps de chargement de la section suivante sur mon serveur de test était extrêmement rapide.

Compression

La compression ajoute une option de compression GZip. Cette fonctionnalité a eu le plus grand impact sur mes vitesses de test.

Spécifications du système

Les spécifications du système montrent les mêmes informations que vous trouverez dans le menu Divi > Centre de support mais fournissent plus d'informations sur les paramètres et incluent des liens vers encore plus d'informations. Les descriptions incluent des informations sur les types de problèmes que vous rencontrerez si votre serveur ne répond pas aux exigences, ce qui est encore plus utile pour le dépannage.

Divers

Divers ajoute quatre nouveaux paramètres à WordPress :

Limite de révisions de publication – vous permet de spécifier le nombre de révisions que WordPress conservera pour chaque publication. Cela permet d'économiser de l'espace de stockage sur le serveur et d'éviter à votre site Web d'avoir à suivre un trop grand nombre de révisions que vous n'utiliserez jamais.

Autoriser les pingbacks et les rétroliens - définissez-les pour qu'ils soient ouverts ou fermés. Il contrôle les deux avec un seul réglage.

Crédit de pied de page – ajoute Divi Rocket au crédit de pied de page avec un lien et l'icône Divi Rocket. Vous avez plusieurs options pour l'afficher. Affichez-le dans la barre inférieure sous le pied de page (cela ne s'affiche que si vous utilisez le pied de page par défaut), affichez-le centré dans une nouvelle barre sous la barre inférieure ou désactivez-le. Il est activé par défaut. Si vous ajoutez votre identifiant d'affilié, il sera inclus dans le lien.

ID d'affilié Divi Space – si vous avez un compte d'affilié Divi Space, l'ajout de l'ID ici l'ajoute au lien dans les crédits de pied de page.

Avant et après

Voici un aperçu de mes scores GTMetrix avant et après pour mon site de test non optimisé. Cela ne teste qu'une partie des fonctionnalités de Divi Rocket, ce n'est donc pas vraiment un test complet. Cela montre comment cela a amélioré mes vitesses de chargement.

Mon site d'essai

Voici mes résultats de test avant d'exécuter l'une des améliorations ou des compressions. Mon score PageSpeed ​​est de 45%, YSlow est de 63%, le temps de chargement complet est de 3,5 secondes, la taille de la page est de 2,12 Mo et il fait 39 demandes. J'utilise la page de destination du pack de mise en page Divi Magazine.

PageSpeed ​​montre que mes besoins les plus critiques sont d'activer la compression et de tirer parti de la mise en cache du navigateur.

YSlow montre que les domaines les plus critiques incluent l'ajout d'en-têtes d'expiration, la compression de composants, l'utilisation de CDN et la création de moins de requêtes HTTP.

Avec uniquement le cache du navigateur activé

Les scores PageSpeed ​​et YSlow se sont légèrement améliorés. Le temps de chargement complet est réduit. La taille de la page et les demandes sont restées les mêmes.

Tirer parti de la mise en cache du navigateur est passé de 49 à 96.

Le score YSlow pour les en-têtes d'expiration d'ajout est passé de 0 à 78.

Ajout de cache de serveur

Avec la mise en cache côté serveur, le temps de chargement complet et le nombre de requêtes se sont légèrement améliorés. Bien sûr, cela ne raconte qu'une partie de l'histoire. D'autres améliorations sont observées sur les ressources du serveur en raison de la façon dont la mise en cache côté serveur fonctionne pour mettre à jour uniquement les modules qui ont changé.

Le score PageSpeed ​​a été réduit pour l'analyse différée de JavaScript.

Le score YSlow s'est légèrement amélioré pour moins de requêtes HTML.

Ajout de GZip

L'activation de la compression GZip a connu la plus grande amélioration. PageSpeed ​​est passé à 92% tandis que YSlow est passé à 84%. Le temps de chargement complet est tombé à 1,7 seconde et la taille totale de la page est tombée à 862 Ko. Les demandes sont restées les mêmes.

Pour PageSpeed, l'activation de la compression est passée de 0 à 100.

Pour YSlow, les composants compressés sont passés de 0 à 100.

Résultats

Voici comment Divi Rocket a pu améliorer mes scores GTMetrix :

• Vitesse de page de 45 à 92
• YSlow de 63 à 84
• Temps de chargement complet de 3,5 s à 1,7 s
• Taille totale de la page de 2,12 Mo à 862 Ko
• Demandes du 39 au 38

Ces scores sont sans autres changements sur le site.

Prix ​​et documentation

Vous pouvez acheter Divi Rocket sur le site Web du développeur. Il existe plusieurs options d’achat pour Divi Rocket :

• Site unique – 49 $ par année
• 3 sites – 89 $ par année
• Sites illimités – 179 $ par année

Il est également inclus dans leurs adhésions annuelles et à vie.

La documentation est fournie sur le site Web du développeur. Il passe en revue les fonctionnalités du plugin et montre comment l'utiliser. Je n'en avais pas besoin pour cet article, mais je suis content de voir qu'il est disponible.

Mettre fin aux pensées

Divi Rocket est un plugin intéressant. Il est facile à utiliser et j'aime la conception épurée du menu. Cela ressemble à un produit Divi plutôt qu'à un produit WordPress générique. J'aime le fait qu'il soit conçu spécifiquement pour Divi et qu'il tire parti des sections et des modules d'une manière que les autres plugins de cache ne peuvent pas. Il n'y a pas beaucoup de paramètres à gérer, mais il fournit toujours les paramètres dont la plupart des sites Web auront besoin. Il explique ce que fait chaque fonctionnalité, ce qui le rend idéal pour les développeurs chevronnés et les débutants.

Mes tests ne racontent qu'une partie de l'histoire. Par exemple, les économies de charge sur le serveur pour l'optimisation de la base de données et la façon dont il vérifie les modules individuels pour les mises à jour permettraient d'économiser les ressources du serveur. Cela n'apparaît pas dans les scores de vitesse de chargement.

J'aimerais le voir fonctionner avec Extra. La page du développeur montre que d'autres fonctionnalités sont en route. Il va bientôt minifier et combiner CSS et JavaScript. Il comprendra également un CDN, qui mettra en cache les fichiers principaux de Divi pour améliorer les performances encore plus que les CDN standard.

Divi Rocket a déjà amélioré la vitesse de mon site de test totalement non optimisé au même niveau que les autres plugins de cache. Une fois la minification et un CDN ajoutés, cela devrait être une bien meilleure option pour tout site Web Divi.

Nous voulons de vos nouvelles. Avez-vous essayé Divi Rocket ? Dites-nous ce que vous en pensez dans les commentaires.

Image en vedette via Victoruler / shutterstock.com