Semaine de l'optimisation des performances - Tout ce que vous devez savoir

Cette semaine, notre communauté a une occasion unique de se connecter avec vingt et un de nos experts en performance estimés pour poser leurs questions d'optimisation Web les plus urgentes, en savoir plus sur les défis critiques de l'optimisation et découvrir les meilleures pratiques pour obtenir des résultats optimaux. Ci-dessous, nous nous penchons sur les trois problèmes de performances Web les plus courants et sur la manière de les résoudre selon nos principaux experts en performances. Alors sans plus tarder, passons à l'optimisation !

L'une des règles de base les plus cruciales lors de la création d'un site Web est d'éviter le « saturation du site » en supprimant les widgets ou les plugins qui n'apportent aucune valeur. Cela améliore non seulement l'expérience utilisateur, mais se traduira également par moins d'éléments et donc plus de vitesse. L'expert Elementor Tim Liversage conseille d'apprendre comment chaque élément fonctionne et de tout tester avant de s'engager dans un ensemble spécifique de fonctionnalités.

Selon Brian Erickson, quelques autres points clés pour améliorer les performances de votre site incluent :

• Sélectionnez un thème léger
• Installez au maximum 10 à 15 plugins par installation WordPress
• Essayez de trouver un widget polyvalent, qui offre différents types de fonctions (par exemple, widget Image box, widget CTA), au lieu d'ajouter de nombreux widgets qui n'ont qu'une seule fonction clé
• Utilisez le positionnement en ligne pour la mise en page des widgets au lieu de plusieurs colonnes (où chaque colonne ajoutée nécessite plus de code, ce qui réduit les performances du site Web)
• Utilisez le meilleur outil de mise en cache possible – je recommande WP Rocket ou WP-Optimize selon le site. Notez que si certains sites Web fonctionnent mieux avec rocket; d'autres font mieux avec optimiser
• Redimensionnez et compressez vos images avant de les télécharger et utilisez des fichiers SVG pour les icônes et les illustrations

Julien Chanson

Shay Töder

Brian Erickson

Tim Liversage

Lorsque vous chargez une image large de 1920px/2560px sur votre bureau, par défaut, l'image de même taille sera également chargée sur le mobile. Le chargement d'une image de la taille d'un ordinateur de bureau sur un mobile (au lieu d'une image de la taille d'un mobile) peut fortement entraver les performances de votre site Web et vos métriques Core Web Vitals. Pour éviter cela, Elementor Expert Shay Toder conseille ce qui suit : "Nous devons dupliquer toutes les grandes images et les redimensionner à une largeur de 480 pixels pour qu'elles soient adaptées au mobile - nous pouvons redimensionner les photos à l'aide d'outils en ligne tels que resizeimage.net ou tout autre logiciel graphique comme Photoshop.

Lors de l'ajout d'une image d'arrière-plan pour une section ou une colonne en mode bureau, assurez-vous de cliquer sur l'icône "mode réactif" et de changer votre image d'arrière-plan en une nouvelle image de taille mobile pour s'adapter à la vue mobile. Ce processus se traduit par une image pleine largeur pour le bureau et une image de largeur 480px pour le mobile, ce qui améliorera également vos métriques Core Web Vitals.

L'hébergement Web peut avoir un impact considérable sur les performances de votre site Web - en termes simples, il peut faire ou défaire votre site Web. En effet, une société d'hébergement affecte la vitesse de chargement d'un site Web et son score Google Core Vitals. Malheureusement, un angle mort commun pour de nombreux propriétaires de sites Web est de sous-estimer l'importance de sélectionner une société d'hébergement fiable et robuste et de s'abstenir d'un hébergement bon marché.

L'expert d'Elementor, Julian Song, partage ses recommandations : "Mon meilleur conseil est de ne jamais opter pour une solution d'hébergement bon marché - dépensez quelques dollars supplémentaires pour un hébergement de qualité. Ensuite, je conseille à mes clients de migrer vers un fournisseur de services d'hébergement local (c'est-à-dire là où se trouve votre public cible). Cependant, si votre public est dispersé dans le monde entier, je vous suggère fortement d'utiliser un service CDN pour réduire la latence à moins de 150 ms et accélérer encore plus le site Web.

Avez-vous rencontré un problème ou une question d'optimisation des performances différente et souhaitez-vous consulter un expert à ce sujet ? Cliquez ici pour soumettre votre question, et l'un de nos vingt et un experts sélectionnés répondra à votre question lors des sessions de questions-réponses, qui se dérouleront les 10 et 12 août .

Vous cherchez plus qu'une réponse rapide à votre question ? Nous vous recommandons de faire un tour autour de notre réseau d'experts. Le réseau d'experts Elementor est une plate-forme complète où les utilisateurs d'Elementor peuvent rechercher et embaucher des experts Elementor professionnels, qu'Elementor vérifie pour s'assurer qu'ils répondent à nos normes et qu'ils sont effectivement les meilleurs dans ce qu'ils font.