Comment optimiser les principales informations Web de WordPress (le Guide ultime)

, article ou description) visible à l’utilisateur. Par exemple, votre site Web peut être chargé rapidement, mais le contenu plus volumineux peut apparaître à l’écran moins rapidement que le reste de la page. D’autres outils de test de vitesse vous donneront des notes élevées, mais du point de vue de l’utilisateur, la page est encore lente.
C’est pourquoi Google mesure le LCP dans le cadre des points importants du site afin que les propriétaires du site puissent mieux comprendre. Premier délai d’entrée (fid) Le premier délai d’entrée (fid) mesure le temps qu’il faut au navigateur de l’utilisateur pour commencer à traiter le gestionnaire d’événements en réponse à l’interaction de l’utilisateur. En termes simples, supposons qu’il y ait un utilisateur sur la page de votre formulaire de contact. Ils remplissent le formulaire et cliquez sur le bouton envoyer. Le fid mesurera la vitesse à laquelle votre site Web traite ces interactions.
Un exemple plus simple pourrait être lorsque l’utilisateur clique sur le lien lorsque le navigateur commence à traiter la prochaine série d’événements. Les changements cumulatifs de mise en page (CLS) mesurent le temps nécessaire à la stabilisation visuelle d’un site Web. Lorsque vous chargez un site Web, certains projets prennent plus de temps à charger que d’autres. Pendant ce temps, le contenu de votre site peut continuer à se déplacer à l’écran. Par exemple, si un utilisateur lit un paragraphe sur un appareil mobile et qu’une vidéo intégrée est téléchargée au – dessus de celui – ci, l’ensemble du contenu descend. Cela peut être très frustrant si l’utilisateur tente d’effectuer une action, comme l’ajout d’un produit au panier et le déplacement du bouton vers le bas en raison d’autres éléments sur la page.
Tutoriel vidéo Abonnez – vous à WP starter si vous le souhaitez
Veuillez continuer à lire les instructions écrites. Comment tester votre score Google Core Web vitals la façon la plus simple de tester votre score Google Core Web vitals est d’utiliser l’outil page speed Insights. Saisissez simplement l’URL à tester et cliquez sur le bouton analyser. Les principaux résultats importants sont présentés dans la section intitulée « données sur le terrain ». Pour simplifier, vous verrez un message en haut qui dit « […] les données sur le terrain montrent que cette page dépasse la cote critique du Web de base ».
Dans le tableau ci – dessous, vous pouvez voir les scores réels pour les trois principaux paramètres clés. Voici ce qu’il vous faut pour réussir le test principal des signes vitaux du Réseau pour chaque projet. Plus grand rendu de contenu (LCP) – 2,5 secondes de délai d’entrée initial (fid) – moins de 100 millisecondes de décalage cumulatif de mise en page (CLS) – moins de 0,1 comment puis – je voir les données essentielles du Web de base de Google pour un site Web complet? L’outil d’aperçu de la vitesse de page vous permet maintenant de contrôler une seule page. Si la page à vérifier est la racine du nom de domaine, vous pouvez également cliquer sur la case à cocher afficher le résumé des sources.
Ceci affichera les scores de toutes les pages fournies par cette source. Cependant, vous pouvez également accéder aux rapports essentiels sur le Web dans le tableau de bord de la console de recherche Google pour vraiment approfondir vos connaissances. Cela vous permet de voir combien d’URLs sur le site ont réussi le test, quelles URLs doivent être améliorées et quelles pages ont obtenu de faibles notes. Pour obtenir des rapports plus détaillés sur les renseignements importants sur le Web, vous pouvez utiliser le test de vitesse du projecteur en accédant à l’outil de mesure sur le Web. Développer ou utiliser des tests intégrés dans Google Chrome. Il suffit d’ouvrir un site Web dans chrome, de faire un clic droit n’importe où sur l’écran et de sélectionner inspection. Dans l’onglet, vous verrez une option appelée lighth
– Oui. 1. Optimiser votre hébergement WordPress votre société d’hébergement WordPress joue un rôle primordial dans la performance de votre site. Ils sont capables d’optimiser les serveurs pour WordPress, ce qui constitue une plateforme solide pour votre site. Nous vous recommandons d’utiliser siteground pour les sites Web haute performance. Ils sont l’une des sociétés d’hébergement WordPress officiellement recommandées et nous utilisons siteground pour le site Web du WP startups. Afin d’apporter les améliorations de performance nécessaires à votre site, siteground utilise la plateforme Google Cloud et le PHP ultra – rapide sur ses serveurs. Leur plug – in SG Optimizer est utilisé par plus d’un million de sites Web. Il améliore automatiquement les performances et active le cache intégré pour faire tout ce que Wp Rocket fait, ou plus encore. Il est important de noter que leur plug – in SG Optimizer ne s’applique qu’aux comptes gérés par siteground et que ces optimisations de performance sont disponibles pour tous les programmes, y compris le niveau minimal d’options. Si vous utilisez d’autres fournisseurs d’hébergement WordPress, nous vous recommandons d’utiliser WP Rocket et d’autres outils pour obtenir de meilleurs résultats de base sur le Web. WP Rocket est le meilleur plugin de cache WordPress disponible sur le marché. Il vous permet de configurer facilement la mise en cache sur les sites WordPress sans entrer dans les détails techniques de la gestion du serveur. Comme indiqué ci – dessus, le contenu maximum paintful (LCP) est en fait la plus grande partie du contenu dans le viewport de la page. Par exemple, sur un billet de blog, il peut s’agir d’une image de premier plan ou d’un texte du billet. Plus ce contenu est chargé rapidement, plus votre score LCP est élevé. Comment savez – vous ce que vous pensez être le plus grand
T? Ensuite, vous devez faire défiler vers le bas les résultats des tests et élargir l’onglet Éléments de peinture de contenu. Vous verrez les éléments pris en considération dans les notes du LCP. Dans le cas d’une image plus grande, vous pouvez essayer de la remplacer par une image plus petite ou par une image de moins grande taille et qualité de fichier. Consultez notre guide sur la façon d’optimiser les images pour améliorer les performances Web. S’il s’agit d’un texte, vous pouvez essayer de le diviser en paragraphes et en titres. Amélioration de la notation du premier délai d’entrée (fid) La notation du premier délai d’entrée mesure le temps écoulé entre le moment où l’utilisateur clique sur un élément du site Web et le début du traitement de l’élément du navigateur. Le Conseil le plus important pour l’améliorer est d’utiliser un meilleur hébergement Web, même pour héberger la plateforme d’hébergement WordPress. Une autre façon simple d’augmenter le score FID est d’utiliser un plug – in de cache comme WP Rocket. Il dispose d’une fonctionnalité intégrée qui vous permet d’optimiser le transfert de fichiers. Tout d’abord, vous devez installer et activer le plug – in WP Rocket. Pour plus de détails, consultez notre guide étape par étape sur la façon d’installer le plugin wordpress. Ensuite, allez à la page paramètres WP Rocket et allez à l’onglet optimisation de fichier. Faites défiler vers la fin de la page et sélectionnez la case à côté de l’option Load Delay JavaScript. N’oubliez pas de cliquer sur le bouton Enregistrer les modifications pour stocker les modifications. La latence JavaScript permet à votre site de charger sans attendre le chargement JavaScript. Cela augmente le score FID (premier délai d’entrée) de la page qui pourrait être causé par JavaScript. 4. Lorsque plusieurs éléments d’une page Web sont chargés lentement et que d’autres éléments sont déplacés à l’écran, l’amélioration de la note cumulative de décalage de mise en page (CLS) La note cumulative de décalage de mise en page (CLS) sera affectée. Vous pouvez voir
Découvrez quels éléments affectent les scores CLS en élargissant l’onglet Évitez les grands mouvements de mise en page dans les résultats des aperçus de vitesse de page. Ceci vous montre les éléments qui ont le plus d’impact sur le déplacement de la mise en page lorsque la page est chargée. Pour s’assurer que la disposition visuelle de la page ne se déplace pas lorsque d’autres éléments sont chargés, vous devez indiquer à votre navigateur la taille (largeur et hauteur) de l’élément, comme des annonces telles que des images, des vidéos intégrées, Google adsense, etc. WordPress ajoute automatiquement des attributs hauteur et largeur aux images que vous ajoutez. Cependant, vous pouvez toujours vérifier tous les autres médias, en particulier les médias intégrés, pour vous assurer qu’ils ont tous les attributs hauteur et largeur. Une façon est d’utiliser des outils d’inspection. Il suffit de faire un clic droit dans le navigateur et de sélectionner inspection pour ouvrir la console de développement. Vous pouvez ensuite pointer et cliquer sur différents éléments de la page pour mettre en évidence son code source. Vous pouvez voir si l’élément définit les attributs largeur et hauteur. 5. Supprimer les éléments du bloc de rendu les éléments du bloc de rendu sont des éléments qui sont lents à charger mais qui empêchent d’autres éléments de charger en premier. Cela affecte le score global des vitals Web et l’expérience utilisateur sur le site. Les résultats des aperçus de vitesse de page affichent les éléments du bloc de rendu. Ces fichiers sont généralement des fichiers JavaScript ou CSS ajoutés par des plug – ins WordPress, des outils tiers tels que Google Analytics, Facebook pixels, Google ADS, etc. Cependant, la plupart de ces éléments sont ajoutés programmatiquement au site par l’intermédiaire de différents plug – ins ou sujets. Cela rend difficile pour les utilisateurs débutants de les supprimer ou de les charger correctement. Nous avons un guide étape par étape sur la façon de supprimer facilement les blocs
Rendu dans WordPress sans interférer avec le Code sur le site. Une autre raison commune pour laquelle vitals Web obtient de faibles scores pour la bonne taille d’image dans WordPress est les très grandes images. De nombreux utilisateurs de WordPress téléchargent des images haute résolution sur leur site Web, ce qui prend plus de temps à charger et n’est pas nécessaire dans la plupart des cas. C’est encore plus problématique pour les utilisateurs d’appareils mobiles. Vos réponses aux thèmes WordPress et WordPress adapteront automatiquement les images à l’écran mobile de l’utilisateur, mais ils continueront à télécharger des fichiers plus volumineux. Nous disposons d’un guide détaillé sur la manière d’optimiser correctement les images pour les sites WordPress sans perte de qualité ni impact sur les performances. 7. Utilisez le serveur CDN pour améliorer votre score de vitalité Web CDN ou le réseau de distribution de contenu est un service tiers qui vous permet de fournir du contenu statique à partir de plusieurs serveurs dans le monde entier. Cela permet aux utilisateurs de télécharger des fichiers statiques tels que des images et des CSS à partir du serveur le plus proche. Il peut également réduire la charge sur le site et continuer à charger d’autres projets. Vous pouvez utiliser les applications de pare – feu Cloud fournies avec le service CDN intégré, comme sucuri. Sucuri peut également vous aider à bloquer les demandes malveillantes et les pourriels, libérant ainsi davantage les ressources du site. Vous pouvez également utiliser le CDN gratuit de cloudflare comme alternative. Il dispose d’une protection pare – feu de base et d’un service CDN, ce qui peut améliorer le score important du site Web. Nous espérons que ce guide vous aidera à comprendre comment optimiser les principaux éléments clés du Web pour WordPress. Un autre aspect important d’une bonne expérience utilisateur est la sécurité. Nous vous recommandons de suivre notre liste de contrôle de sécurité wordpress pour vous assurer que les performances de votre site ne sont pas
Affecté par des attaques de spam ou de DDOS. Vous voudrez peut – être aussi voir notre comparaison des meilleurs logiciels d’édition vidéo et des meilleures plateformes de webinaires pour créer du contenu multimédia optimisé sans ralentir votre site. Si vous aimez cet article, abonnez – vous à notre tutoriel vidéo WordPress sur YouTube Channel. Vous pouvez aussi nous trouver sur Twitter et Facebook.