Elementor n’est pas étranger à la communauté WordPress, car c’est l’un des meilleurs et des plus populaires générateurs de page au monde. Pour mieux optimiser, pouvez faire beaucoup damp;rsquoaméliorations avec lamp;rsquoaide de nos plug ins gratuits smoush et hummingbird. Les sites WordPress créés avec elementor peuvent parfois être chargés lentement et inutilement en raison de plusieurs facteurs, dont de grandes images, cache, CDN, etc. Heureusement, avec smoush et hummingbird, pouvez aider à atténuer tout ralentissement et maximiser le potentiel de votre site.
Nous allons jeter un coup damp;rsquooeil à tous les exemples de la façon dont smoush et hummingbird peuvent améliorer le site elementor. De plus, nous allons voir quelques exemples de deux thèmes populaires: Hello elementor et Astra. Nous donnerons également quelques conseils généraux pour assurer que votre site elementor est à jour. Dans nous allons examiner: comment utiliser Smush pour optimiser elementor comment utiliser Colibri pour optimiser elementor comment utiliser Smush, colibri et elementor pour accélérer elementor conseils généraux pour améliorer des exemples de deux grands thèmes wordpress Hello elementor et Astra Vous disposerez de tous les outils et du savoir faire nécessaires pour optimiser le site de lamp;rsquoélément afin damp;rsquoobtenir les meilleures performances.
Nous allons montrer comment nous utilisons smoush et hummingbird pour augmenter la note de page speed du site elementor de 80 à 99 sur 100 Alors continuez à lire. Tout damp;rsquoabord, supposons que ayez un élément (sinon, téléchargez le gratuitement ici). De plus, si namp;rsquoavez pas téléchargé smoush et hummingbird. Comment utiliser smoush comme élément pour optimiser l’élément, smoush n’est pas non plus étranger à la communauté WordPress. En tant que plug in damp;rsquooptimisation damp;rsquoimage 5 étoiles primé gratuit, il a plus damp;rsquoun million damp;rsquoutilisateurs actifs à ce jour. Smash
Camp;rsquoest très populaire ici. Travailler avec elementor pour samp;rsquoassurer que lamp;rsquooptimisation de lamp;rsquoimage répond à ses normes les plus élevées et que votre site Web est rapide.
Nous verrons quelques unes de ses fonctionnalités étonnantes qui fonctionnent bien avec lamp;rsquoélément et namp;rsquoimporte quel sujet que utilisez. Il samp;rsquoagit notamment de lisser toutes les images de lamp;rsquoélément dans la compression automatique en vrac, de un nouveau super smoushing dans la double compression en ajoutant une image plus grande en utilisant lamp;rsquoimage smoush redimensionnée pour convertir PNG en JPEG smoushing, et de retarder le chargement à partir de la médiathèque en utilisant CDN. Auteur: smoush Selon le site de lamp;rsquoélément que avez créé, de nombreuses images peuvent déjà être installées sur votre site.
Heureusement, la fonction smoush de grande capacité peut être complétée en cliquant simplement sur le tableau de bord smoush. Comme pouvez le voir, 51 pièces jointes dans cet exemple doivent être nettoyées. Une fois terminé, Smush le fera savoir. Tout est brisé! Avec smoush, pouvez également exclure certaines images (comme les vignettes). Camp;rsquoest la façon parfaite damp;rsquooptimiser rapidement les images en utilisant elementor. Consultez ici pour plus de détails sur lamp;rsquoapplication en gros. Compression automatique de nouveaux téléchargements chaque fois que ajoutez de nouvelles images à lamp;rsquoélément, il peut les compresser automatiquement en cliquant sur. Dans le tableau de bord smoush, cette option peut être activée rapidement.
Cliquez sur le bouton pour compresser automatiquement la nouvelle image. Camp;rsquoest tout ce quamp;rsquoil te faut! Toutes les nouvelles images seront compressées. Super smoushing à double compression voulez augmenter la compression de lamp;rsquoimage dans lamp;rsquoélément? Le super smoush offre deux fois plus de compression que lamp;rsquoécrasement normal. Il le fait en éliminant chaque once de données inutiles. Au mieux, il samp;rsquoagit damp;rsquoune compression de perte de données, de sorte que la dégradation de la qualité est beaucoup moins importante. Oui.
Dans la plupart des cas, ils sont très petits et invisibles à lamp;rsquooeil nu. Comme la plupart des fonctionnalités de smoush, il suffit damp;rsquoun clic administrateur.
Super smoush est prêt pour toutes les images damp;rsquoéléments. Voyez si remarquez des différences dans la qualité de lamp;rsquoimage. On parie que non. Lorsque utilisez smoush image resizing pour ajouter des images plus grandes avec une hauteur de chargement ou une largeur supérieure à 2560 Px, WordPress Redimensionne automatiquement pour générer une taille maximale d’image optimisée pour le Web. ajoutez une image plus grande à la médiathèque, pouvez lamp;rsquoécraser en utilisant le redimensionnement damp;rsquoimage dans smoush. Il suffit de cliquer sur la souris pour redimensionner lamp;rsquoimage. Après avoir cliqué, pouvez sélectionner la nouvelle taille maximale de lamp;rsquoimage.
Saisissez la nouvelle taille souhaitée. Vous pouvez également choisir damp;rsquoinclure ou non des images grandeur nature dans le lot smoush. Cliquez sur ces options pour brouiller lamp;rsquoimage originale de la taille réelle et stocker une copie de la petite image originale. Vous pouvez contrôler la taille réelle de lamp;rsquoimage en redimensionnant lamp;rsquoimage. La conversion de PNG en JPEG dépend du modèle elementor page Builder que utilisez, et pourriez trouver préférable damp;rsquoutiliser lamp;rsquoun ou lamp;rsquoautre de ces types de fichiers. Camp;rsquoest à dire quamp;rsquoen termes de vitesse, lamp;rsquoutilisation habituelle de JPEG plutôt que de PNG devrait être une bonne amélioration.
Smoush vérifie pour si leur conversion en JPEG réduit la taille des fichiers et aide à accélérer le site de lamp;rsquoélément. PNG génère de petits fichiers, PNG est automatiquement converti en JPEG. La conversion automatique de PNG est très simple. Dans la médiathèque smoushing, pouvez choisir c
Pro comprend des services d’image de fond, le redimensionnement automatique, la conversion webp et la conversion d’image demandée de l’api rest vers WordPress. Pour plus de détails sur le CDN Smush, voir ici. Comment utiliser hummingbird pour optimiser elementor hummingbird et elementor est une excellente équipe pour rendre votre site plus rapide. Il aide à optimiser les performances du site en perfectionnant les contrôles de compression de fichiers, en minimisant CSS et JS, en chargeant lentement les annotations, et plus encore. Colibri aidera à accélérer le site elementor! Il samp;rsquoagit damp;rsquoun plug in gratuit de 4,5 étoiles avec plus de 100 000 installations actives sur WP. Organisation (et augmentation!). En scannant rapidement votre site damp;rsquoélément, il fournit une réparation en un clic pour aider à accélérer facilement votre site. Nous allons voir quelques détails sur ce quamp;rsquoil peut faire pour améliorer votre site damp;rsquoélément et le faire fonctionner. Jetons un coup damp;rsquooeil: Notez votre site Web avec des tests de performance, Fournissez des pages et du contenu plus rapides avec la compression Gzip mise en cache, réduisez la taille des fichiers pour une publication plus rapide, et augmentez la vitesse de page avec lamp;rsquooptimisation des ressources Dès le début, votre site a été évalué au moyen de tests de performance, et hummingbird a demandé damp;rsquoeffectuer des tests de performance pour voir où se trouve le site elementor. Vous pouvez cliquer sur démarrer en cliquant sur exécuter le test. Vous pouvez obtenir un rapport de rendement en un seul clic. Une fois que aurez effectué le test, hummingbird montrera les chances de réussite, le diagnostic et la vérification. De plus, pouvez voir les résultats pour le Bureau et mobile. Il suffit de cliquer entre le Bureau et lamp;rsquoappareil mobile. Tous les détails sont énumérés ci dessous. Ça commence par une opportunité. Voici des conseils pour accélérer le chargement de la page. Comme pouvez le voir, les points sont également indiqués
En compressant les ressources textuelles de votre site dans des fichiers plus petits et plus compacts, accédez plus rapidement au navigateur de lamp;rsquoutilisateur et votre page damp;rsquoélément se charge plus rapidement. Comme pouvez le voir, GZIP est activé pour HTML, Javascript et CSS. namp;rsquoêtes pas notre hôte, pouvez modifier la compression Gzip pour lamp;rsquoadapter à votre type de serveur (par exemple Apache) et suivre les instructions pour lamp;rsquoactiver. Accélérer la page grâce à lamp;rsquooptimisation des ressources la zone damp;rsquooptimisation des ressources de Colibri est lamp;rsquoendroit où pouvez facilement configurer automatiquement ou manuellement des options avancées lors de lamp;rsquooptimisation du site elementor. Comme pouvez le voir, cela signifie que jamp;rsquoai économisé 9,7% de compression. Vous pouvez utiliser lamp;rsquooptimisation des ressources de deux façons: Automatique: lamp;rsquooption automatique basée sur hummingbird optimise les ressources et réduit le temps de chargement de la page. Manuel: configurez manuellement chaque fichier pour obtenir la configuration exacte requise pour le site de lamp;rsquoélément. Dès que l’optimisation des ressources est activée, hummingbird scanne les ressources du site WordPress pour mettre en évidence celles qui optimisent les performances. Lamp;rsquooptimisation des ressources en colibris peut apporter de nombreux changements et ajustements. Assurez de lire notre documentation sur la façon damp;rsquooptimiser votre site pour une optimisation maximale. Des exemples d’amélioration de deux grands thèmes WordPress avec smoush, hummingbird et elementor – Hello elementor et Astra – maintenant que nous avons vu ce que smoush et hummingbird peuvent faire pour améliorer la performance du site elementor, regardons de plus près des exemples concrets d’utilisation de deux thèmes elementor en streaming: Hello elementor et Astra. Comme indiqué ci dessus, nous utiliserons la version gratuite de lamp;rsquoélément, donc pas
Comme pouvez le voir, camp;rsquoest moyen. Maintenant regardons gtmetrix. Je remarquerai que jamp;rsquoutilise les paramètres par défaut de gtmetrix pour lamp;emplacement du serveur (Vancouver, Canada) et le navigateur (chrome). Dans tous ces exemples, cela ne change rien. amp;lsquo Camp;rsquoest ça? Bon sang. Continuons à activer smoush et hummingbird et voyons ce quamp;rsquoon a. Je vais damp;rsquoabord faire un test de performance avec Colibri et voir ses conseils. Une fois terminé, il indique que nous avons obtenu un score de 56 100 et offre plusieurs possibilités, comme le préchargement des requêtes critiques, la suppression des ressources de blocage de rendu, la réduction du temps de réponse initial du serveur et la suppression des CSS inutilisés. De plus, son diagnostic montre que nous devons nous assurer que le texte reste visible pendant le chargement des caractères Web. Il indique également quamp;rsquoil y a eu 15 vérifications dans le passé. Le Colibri nous a donné quelques conseils. Je ferai de mon mieux pour traiter toutes les suggestions. Le menu déroulant de hummingbird indique exactement comment traiter les suggestions. Par exemple, hummingbird montre comment supprimer les CSS inutilisés. Comment résoudre est écrit pour . Jamp;rsquoai également activé le cache de page hummingbird pour aider à réduire le temps de réponse initial du serveur et à optimiser les ressources et les ressources combinées et compressées. Ensuite, je vais continuer à activer smoush. Smoush a immédiatement indiqué que jamp;rsquoavais 61 images et accessoires à biseauter, ce qui mamp;rsquoa permis damp;rsquoéconomiser environ 815,5 KB. Je vais tout salir. Destruction massive en un clic de souris. Après quelques minutes, les résultats sont les suivants: Camp;rsquoest mignon. Comme pouvez le voir, des économies totales de 872,5 kb 9,3% ont été réalisées. Passons à la vitesse de la page. Tout damp;rsquoabord, voici Google page speed Insights: 99 camp;rsquoest bien dans nos livres. Voici gtmetrix: Pas mal non plus.
Le nombre damp;rsquoimages, lamp;emplacement, lamp;rsquohôte et damp;rsquoautres facteurs dans la vague sont en place. De plus, si ne savez pas, il y a une raison pour laquelle les différences de score entre Google et gtmetrix sont si grandes, parce quamp;rsquoelles sont toutes testées. Pour en savoir plus sur les changements apportés au site de test, consultez cet article sur le site Web de gtmetrix. Voyons maintenant si nous pouvons augmenter le score de Google en activant hummingbird et smoush, et augmenter gtmetrix à a +. Nous commencerons par le colibri. Le score de performance de hummingbird sur ce site est de 80 100. Comme pouvez le voir, il y a eu deux possibilités damp;rsquoamélioration et 17 vérifications antérieures. Pour lamp;rsquoaméliorer, hummingbird recommande de supprimer les ressources de blocage de rendu et de supprimer les CSS inutilisés. Vous pouvez voir les économies potentielles pour chaque proposition. Nous accepterons la suggestion du Colibri de poursuivre lamp;rsquoétude de Smush. Pour Smush, il nous a dit tout de suite quamp;rsquoil y avait 15 objets à couper en lots, donc nous allons continuer. Lamp;rsquoapplication à grande échelle est plus facile que jamais (et camp;rsquoest amusant!). Une fois que nous aurons fait beaucoup de salissures, nous lancerons un autre test Google page speed (parce que camp;rsquoest le pire) pour voir à quoi nous ressemblons. Le dernier test namp;rsquoest pas terminé. Comme ça namp;rsquoa pas beaucoup augmenté, essayons damp;rsquoautres changements. Smoush recommande quelque chose qui peut aider à améliorer votre score. Dans ce cas, ils incluent: activer super smoush pour la compression de perte avancée pour samp;rsquoassurer que la taille de lamp;rsquoimage correspond au thème (ASTRA) activer le redimensionnement damp;rsquoimage pleine taille pour redimensionner les grandes images à une taille raisonnable Voici quelques conseils pour smash. Maintenant que jamp;rsquoai donné le Conseil de smash, regardons encore. Score élevé! Oh, mon Dieu! Comme pouvez le voir, il a augmenté un peu. On namp;rsquoest pas encore 90 10.
0 Cependant, grâce à certains changements, comme lamp;rsquoactivation du CDN Colibri et de FastCGI, nous devrions être en mesure damp;rsquoobtenir des notes élevées. Avant cela, regardons comment gtmetrix a marqué. Jamp;rsquoai toujours un bon
, hébergé et toutes ses fonctionnalités. Comme pouvez le voir, avec lamp;rsquoaide du Colibri et du smoush, camp;rsquoest facile à faire. Chaque site a ses propres changements et ajustements à apporter, mais ce namp;rsquoest quamp;rsquoune question damp;rsquoamélioration continue. Ajoutez un bon hôte et serez en mesure damp;rsquoavoir un excellent site damp;rsquoélément. La porte de lamp;rsquoélément? Dans lamp;rsquoaffirmative, avez déjà essayé de lamp;rsquooptimiser avec smoush et hummingbird? Veuillez nous le dire dans vos commentaires!
Comment optimiser l&rsquoélément gratuitement en utilisant les plug ins smoush et hummingbird
