Études de cas: Divi et WP smoush et hummingbird

Co de tous les plug – ins wpmu Dev pro. Le plug – in apparaîtra maintenant dans le panneau de développement wpmu. Pour modifier les paramètres, vous pouvez les trouver dans la barre latérale (directement au – dessus du lien Divi) ou cliquer sur l’icône de la clé pour les y amener immédiatement. WP smoush et hummingbird pro avec Divi pour ce test, nous avons créé un nouveau site Web qui n’exécute que le thème Divi. En ce qui concerne l’hébergement, le site Web est défini comme un plan d’hébergement de Ground ground. Les statistiques du serveur énumérées sur la page de comparaison sont les suivantes: processus du serveur de synchronisation: 20 connexions de synchronisation à partir d’une seule IP: 15 secondes CPU \/ exécution du programme et du script: 2000 \/ heure, 20 000 \/ jour, Temps moyen d’exécution du processus de 600 000 \/ mois par jour: 2 secondes utilisation du processeur des services partagés: 10 secondes ou plus pas plus de 20 mémoire du serveur par processus: 768 Mo noeud d’index: 300 000 minimum Cron intervalle de travail: 30 minutes requête de base de données: pas plus de 10% des ressources du serveur nous avons également utilisé un Image d’un des paquets de mise en page Divi. Nous avons chargé la mise en page de la mallette du maquilleur, qui importe l’image et le contenu de la mise en page avant d’installer et d’activer WP smoush pro ou hummingbird pro. Avant WP Smush et hummingbird, nous avons chargé le site, installé le plug – in via le Centre de développement wpmu et importé le paquet Layout de Divi Builder. Les essais de performance initiaux sont présentés ci – dessous. Outil pingdom Gtmetrix Avec ces résultats, nous pouvons voir avec certitude que nous avons besoin de la compression d’image de WP smoush et hummingbird pro, la minimisation de code, les capacités CDN et cache. Voyons ce qui se passe quand on les met en place. Lorsque vous configurez les paramètres de hummingbird pro pour vous connecter pour la première fois à hummingbird, vous pouvez
Ou un autre CDN (ou même un CDN pour les images jetpack), de préférence un à la fois. Si vous choisissez d’utiliser CDN, hummingbird pro recherchera sur votre site toutes les ressources qui peuvent être déplacées vers le serveur de développement wpmu. Il s’agit d’un nouveau site de test, donc seulement 18. Le vôtre pourrait être beaucoup plus grand que cet exemple. Ensuite, vous verrez quelles ressources sont disponibles pour la compression et quelles ressources sont automatiquement compressées. Nous avons choisi de compresser autant de fichiers que possible. Ensuite, cliquez sur outils avancés, activez supprimer la chaîne de requête de mes ressources et supprimez les fichiers d’expression JS et CSS par défaut. Cela ajoute beaucoup de requêtes supplémentaires à votre page que vous n’avez peut – être pas utilisées du tout. Enregistrer et activer ces paramètres est tout ce qui définit l’optimisation de hummingbird pro. Cependant, vous pouvez également activer le suivi du temps actif, ce que nous vous recommandons de faire. Cliquez sur temps de disponibilité, puis appuyez sur le bouton activer. Cela n’affecte pas du tout le rendement. Cependant, il est tout aussi important de savoir quand quelque chose ne va pas avec votre site.
Configurer WP Smush pro la première fois que vous cliquez sur l’élément Smush pro dans le menu du tableau de bord WP, vous verrez un mode. Smoush pro est un plug – in pour l’optimisation et la compression d’images. Il est donc très facile de faire fonctionner les choses correctement. Par conséquent, nous pensons qu’il est préférable d’appuyer sur le réglage de démarrage et de démarrer la balle dès que possible. Tout d’abord, vous voulez activer l’optimisation automatique pour les nouveaux téléchargements. Cette option signifie que vous n’avez pas à compresser l’image manuellement (ou par lots). Le plug – in le fait automatiquement. Ensuite, vous voudrez peut – être activer la compression Multi – pass Lossy activée. Tous les sites ne veulent pas compresser leurs images pour la perte de données, mais pour
Cette option est bonne. L’étape suivante consiste à s’assurer que les données EXIF sont supprimées de l’image. En gros, il s’agit d’informations indiquant la source et l’heure de l’image. Ce n’est pas des données de référencement. Donc tu n’en as pas besoin. Activez supprimer les métadonnées de l’image et cliquez sur suivant. Enfin, nous devons prendre une décision sur votre image grandeur nature. Voulez – vous aussi qu’ils soient compressés ou simplement des variantes de taille? Disons oui. Ensuite, activez compresser l’image à la taille maximale et préparez – vous à compresser certaines images. Maintenant, c’est la configuration: la configuration. Vous n’avez rien compressé. Aucune image n’a été écrasée. Sur l’écran suivant, vous pouvez voir combien de fichiers médias vous pouvez cacher et combien de taille vous pouvez économiser. Lorsque vous appuyez sur Bull smosh maintenant, le plug – in commence à fonctionner. Dans ce processus, vous devez garder la fenêtre ouverte, donc si vous avez beaucoup d’images à compresser, il est temps de faire un sandwich ou une tasse de café. Ou les deux. À votre retour, vous verrez (espérons) un message vous disant que tout a été brisé et économisé beaucoup d’argent. Pour le site de démonstration de notre portefeuille d’une page, nous avons économisé 23% de nos données avec 2,9 Mo. Il y en a beaucoup en une page. Si vous continuez à défiler, vous verrez toutes les options et tous les paramètres que vous avez définis dans l’assistant d’installation. Cependant, nous tenons à souligner que vous voulez généralement rester désactivé. Vous ne voudrez peut – être pas que WP smoush pro ajuste mon image en pleine taille. Ceci est différent de la compression que nous avons activée précédemment. Ceci ajuste la résolution de l’image. Comme indiqué ci – dessus, la version 5.3 de WordPress elle – même le fait automatiquement. Si vous avez besoin d’une image plus grande (mais plus petite) que l’image par défaut
Optimisez votre site autant que possible. C’est – à – dire, voyons à quel point nous sommes optimisés à l’extérieur de la porte. Après que WP smoush et hummingbird ont terminé ces changements, nous sommes retournés à l’outil pingdom et gtmetrix. Outil pingdom Dans pingdom, nous avons vu une croissance significative en installant et en activant ces plug – ins. Nous avons réduit le temps de chargement initial à 935 millisecondes, moins d’une seconde, et la taille totale de la page a été réduite de près d’un tiers, un peu moins de 1 Mo. Gtmetrix utilise gtmetrix et nous voyons des résultats similaires à pingdom. Nous avons vu le temps de chargement chuter brusquement à 0,7 seconde, de 3,0 à 2,3 secondes. La taille totale de la page a été réduite de 1,57 mo (de 2,64 Mo à 1,07 Mo) en raison de la compression et de la mise en cache. Encore une fois, le temps de chargement a été réduit de près d’une seconde et la taille de la page a été réduite de 40%. Conclusion dans l’ensemble, nous sommes très satisfaits des résultats obtenus. L’installation et l’activation du plug – in sont simples et simples, et nous voyons que le nombre de secondes est réduit et la taille de la page réduite de près de la moitié par rapport au temps de chargement. C’est la performance que les utilisateurs veulent obtenir du plug – in, surtout s’ils peuvent charger le site portfolio en moins d’une seconde. Si vous n’êtes pas encore inscrit au développement de wpmu, vous devriez certainement lui donner une chance (essai gratuit, vous vous souvenez?), Si vous n’êtes pas un utilisateur de Divi, c’est le meilleur moment. Comme vous pouvez le voir, smoush, hummingbird et Divi peuvent être les meilleurs amis. Quels conseils et astuces avez – vous pour accélérer votre site Web pour WP smoush et hummingbird? Image en surbrillance de l’article de développement wpmu