, article ou description) visible à lrsquoutilisateur. Par exemple, votre site Web peut être chargé rapidement, mais le contenu plus volumineux peut apparaître à lrsquoécran moins rapidement que le reste de la page. Drsquoautres outils de test de vitesse donneront des notes élevées, mais du point de vue de lrsquoutilisateur, la page est encore lente.
Crsquoest 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 drsquoentrée (fid) Le premier délai drsquoentrée (fid) mesure le temps qursquoil faut au navigateur de lrsquoutilisateur pour commencer à traiter le gestionnaire drsquoévénements en réponse à lrsquointeraction de lrsquoutilisateur. En termes simples, supposons qursquoil 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 lrsquoutilisateur clique sur le lien lorsque le navigateur commence à traiter la prochaine série drsquoévénements. Les changements cumulatifs de mise en page (CLS) mesurent le temps nécessaire à la stabilisation visuelle drsquoun site Web. Lorsque chargez un site Web, certains projets prennent plus de temps à charger que drsquoautres. Pendant ce temps, le contenu de votre site peut continuer à se déplacer à lrsquoécran. Par exemple, si un utilisateur lit un paragraphe sur un appareil mobile et qursquoune vidéo intégrée est téléchargée au dessus de celui ci, lrsquoensemble du contenu descend. Cela peut être très frustrant si lrsquoutilisateur tente drsquoeffectuer une action, comme lrsquoajout drsquoun produit au panier et le déplacement du bouton vers le bas en raison drsquoautres éléments sur la page.
Tutoriel vidéo Abonnez à WP starter si 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 drsquoutiliser lrsquooutil page speed Insights. Saisissez simplement lrsquoURL à 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, 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, pouvez voir les scores réels pour les trois principaux paramètres clés. Voici ce qursquoil 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 drsquoentré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? Lrsquooutil drsquoaperçu de la vitesse de page permet maintenant de contrôler une seule page. la page à vérifier est la racine du nom de domaine, 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, 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 permet de voir combien drsquoURLs 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, pouvez utiliser le test de vitesse du projecteur en accédant à lrsquooutil de mesure sur le Web. Développer ou utiliser des tests intégrés dans Google Chrome. Il suffit drsquoouvrir un site Web dans chrome, de faire un clic droit nrsquoimporte où sur lrsquoécran et de sélectionner inspection. Dans lrsquoonglet, 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 recommandons drsquoutiliser 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 drsquoapporter 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 drsquoun 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 srsquoapplique qursquoaux comptes gérés par siteground et que ces optimisations de performance sont disponibles pour tous les programmes, y compris le niveau minimal drsquooptions. utilisez d’autres fournisseurs d’hébergement WordPress, nous 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 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 srsquoagir drsquoune image de premier plan ou drsquoun texte du billet. Plus ce contenu est chargé rapidement, plus votre score LCP est élevé. Comment savez ce que pensez être le plus grand
T? Ensuite, devez faire défiler vers le bas les résultats des tests et élargir lrsquoonglet Éléments de peinture de contenu.
Vous verrez les éléments pris en considération dans les notes du LCP. Dans le cas drsquoune image plus grande, 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 drsquooptimiser les images pour améliorer les performances Web. Srsquoil srsquoagit drsquoun texte, pouvez essayer de le diviser en paragraphes et en titres. Amélioration de la notation du premier délai drsquoentrée (fid) La notation du premier délai drsquoentrée mesure le temps écoulé entre le moment où lrsquoutilisateur clique sur un élément du site Web et le début du traitement de lrsquoé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 drsquoaugmenter le score FID est drsquoutiliser un plug in de cache comme WP Rocket. Il dispose drsquoune fonctionnalité intégrée qui permet drsquooptimiser le transfert de fichiers. Tout drsquoabord, 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 à lrsquoonglet optimisation de fichier.
Faites défiler vers la fin de la page et sélectionnez la case à côté de lrsquooption Load Delay JavaScript.
Nrsquooubliez 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 drsquoentrée) de la page qui pourrait être causé par JavaScript. 4. Lorsque plusieurs éléments drsquoune page Web sont chargés lentement et que drsquoautres éléments sont déplacés à lrsquoécran, lrsquoamé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 lrsquoonglet Évitez les grands mouvements de mise en page dans les résultats des aperçus de vitesse de page. Ceci montre les éléments qui ont le plus drsquoimpact sur le déplacement de la mise en page lorsque la page est chargée. Pour srsquoassurer que la disposition visuelle de la page ne se déplace pas lorsque drsquoautres éléments sont chargés, devez indiquer à votre navigateur la taille (largeur et hauteur) de lrsquoé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 ajoutez. Cependant, pouvez toujours vérifier tous les autres médias, en particulier les médias intégrés, pour assurer qursquoils ont tous les attributs hauteur et largeur. Une façon est drsquoutiliser des outils drsquoinspection. 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 lrsquoé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 drsquoautres éléments de charger en premier. Cela affecte le score global des vitals Web et lrsquoexpé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 lrsquointermé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.
Crsquoest encore plus problématique pour les utilisateurs drsquoappareils mobiles. Vos réponses aux thèmes WordPress et WordPress adapteront automatiquement les images à l’écran mobile de l’utilisateur, mais ils continueront à 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 permet de fournir du contenu statique à partir de plusieurs serveurs dans le monde entier. Cela permet aux utilisateurs de 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 drsquoautres projets. Vous pouvez utiliser les applications de pare feu Cloud fournies avec le service CDN intégré, comme sucuri. Sucuri peut également 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 drsquoune protection pare feu de base et drsquoun service CDN, ce qui peut améliorer le score important du site Web. Nous espérons que ce guide aidera à comprendre comment optimiser les principaux éléments clés du Web pour WordPress. Un autre aspect important drsquoune bonne expérience utilisateur est la sécurité. Nous recommandons de suivre notre liste de contrôle de sécurité wordpress pour 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 drsquoédition vidéo et des meilleures plateformes de webinaires pour créer du contenu multimédia optimisé sans ralentir votre site.
Comment optimiser les principales informations Web de WordPress (le Guide ultime)
