WordPress Core Web vitals Performance Policy FAQ

Aujourd’hui, les nouvelles mesures de performance du Web de Google sont à l’esprit de tout le monde. Plus tôt cette année, nous avons discuté de ce thème clé lors d’un webinaire: l’optimisation des principaux éléments importants du réseau. Depuis cette réunion, nous avons répondu à de nombreuses questions réfléchies sur les éléments clés du réseau central: Veuillez lire la FAQ ci – dessous. Nous avons également eu une AMA en direct sur Twitter Space avec des experts en performance web de Google, xwp et WordPress VIP. Écouter l’enregistrement ici: clés clés clés foire aux questions sur le Web les principales mesures du Web changeront – elles à l’avenir? Google a déclaré qu’il prévoit mettre à jour ses informations de base sur le Web chaque année. Cette fréquence établit un bon équilibre entre le maintien d’une expérience utilisateur à jour et optimale et la fourniture d’un espace de planification adéquat aux propriétaires de sites Web et aux entreprises.
Notre site Web a obtenu de bons résultats en termes de données sur le terrain, mais nos données de laboratoire ne sont pas impressionnantes. On devrait s’inquiéter? Les données de terrain ou les données de mesure de l’utilisateur réel (rhum) sont les données les plus profondes et les plus précieuses du propriétaire du site. Il vous montre comment les utilisateurs réels font l’expérience de votre site. Cela peut être influencé par l’emplacement de la plupart des utilisateurs, la durée de l’accès des utilisateurs au site, s’ils y accèdent le week – end, etc. Les propriétaires de sites sont souvent surpris par des facteurs qu’ils n’ont pas pris en compte dans l’environnement d’essai. La façon dont vous construisez votre site Web devrait être déterminée par l’expérience réelle des utilisateurs réels.
Je sais que le temps du premier octet (ttfb) est important. Quel est le seuil acceptable? Comment améliorer le temps du premier octet? Le ttfb est le premier et le plus élémentaire de tous les indicateurs. Si votre ttfb est lent, vous devez le compenser en améliorant d’autres paramètres, y compris les signes vitaux du réseau central. Les améliorations ttfb sont effectuées au niveau de la plate – forme ou de l’hôte. Il est préférable de fournir le contenu le plus proche possible
Les utilisateurs et seuls les hôtes disposant d’un réseau mondial de centres de données peuvent le faire. En outre, pour des raisons de performance, nous vous recommandons d’utiliser des applications WordPress fiables. Par exemple, vous pouvez rapidement générer des requêtes complexes en utilisant des pages et des objets mis en cache. Il est important d’avoir une bonne performance à l’échelle mondiale, car les principaux paramètres Web sont mesurés pour les utilisateurs réels de votre site. Si vos visiteurs sont partout dans le monde, alors le monde entier vous mesure; Pas en position centrale d’essai de performance. Visualisez ces données dans les données de terrain de Google page speed Insights et Core Web vitals sur la console de recherche Google. Les derniers conseils de Google sur ttfb sont: • ok: 1500 ms
Comment redimensionner un site Web? Les ressources du site Web peuvent – elles augmenter automatiquement au fur et à mesure que le trafic augmente afin de maintenir les notes élevées de cwv? Étant donné que l’indicateur de l’utilisateur réel (Rum) est important pour le rendement clé du site Web de base, votre score pourrait diminuer si votre site ne gère pas les pics de trafic. C’est pourquoi il est important d’offrir une bonne expérience cohérente à tous les visiteurs du site. Cherchez une plate – forme de site Web qui se Redimensionne automatiquement pour fonctionner, même le jour le plus achalandé.
Ma plus grande note de peinture satisfaisante (LCP) est vraiment élevée. Comment les améliorer? Tout d’abord, déterminez ce qu’est un LCP sur votre site. Il peut s’agir d’une image, d’un curseur, d’un grand texte, d’une vidéo ou d’une animation d’un héros. Étonnamment, le coupable peut être quelque chose d’inattendu: un pop – up d’avertissement sur les cookies ou les annonces. Pour améliorer la prestation du PCV, assurez – vous que vous travaillez sur le bon projet. Si votre LCP est une image héroïque, voici quelques conseils: • Assurez – vous qu’il n’est pas paresseux par un tiers ou intégré
– Oui. Pour les polices, pas de balles d’argent: commencez par les meilleures pratiques de Google en matière de polices. Vous pouvez également consulter de nombreuses autres politiques de chargement. Voici quelques conseils: • commencez par une question simple: l’utilisons – nous? Assurez – vous de ne pas télécharger de caractères qui ne sont utilisés nulle part. Cela s’applique également aux images, vidéos, feuilles de style, scripts – retirez tout ce que vous n’utilisez pas. • Découvrez quelles polices font partie du chemin de téléchargement critique: téléchargez (en utilisant le précharge) dès que possible et retardez le chargement des autres polices. • L’objectif est d’héberger localement toutes les polices (par exemple à partir de votre domaine). • Assurez – vous d’utiliser l’affichage de police: swap; Chargez les caractères du système local avant de charger les caractères personnalisés \/ tiers afin que le texte reste visible pendant le chargement des caractères distants. Nous vous recommandons d’utiliser des outils tels que le style de police matcher pour rapprocher les polices du système d’autres éléments tels que l’espacement, l’espacement et les polices personnalisées. Vous pouvez également utiliser fontfaceobserver. JS vous aide à tirer parti des engagements lors du chargement des rôles. • Parce que la police de l’icône dépend de la situation: utilisez le bloc comme valeur d’affichage pour les caractères, créez un sous – ensemble de caractères pour charger uniquement les icônes utilisées, ou même les charger comme SVG en ligne.
Pour le déplacement cumulatif de la disposition (CLS), la plage de mesure est de 0,10 à 0,25. Que signifient ces chiffres? Le déplacement cumulatif de la disposition mesure la somme des rafales maximales de tous les mouvements inattendus de la disposition qui se produisent pendant la durée de la page. Les images, les annonces, les polices, l’intégration, etc. peuvent changer la disposition de la page au moment du chargement. Les développeurs doivent s’assurer qu’ils ne perdent pas les ajouts de largeur et de hauteur dans les zones qui ne font pas partie de la publication.
Rials. L’indicateur CLS a été mis à jour. Maintenant, lorsque vous résolvez le décalage maximal, la fraction métrique passe à la valeur de l’éclatement maximal suivant. Cela peut être très proche du précédent, de sorte que vous ne verrez pas d’amélioration significative des scores tant que tous les grands sauts ne seront pas résolus.
Pourquoi mon site a – t – il donné de mauvais résultats sur Google Search console (GSC) et de bons résultats sur Lighthouse? Un bon score de phare signifie généralement que vous atteignez votre objectif dans une large mesure: du point de vue du laboratoire, donnez des conditions spécifiques pour atteindre un certain score. Cependant, comme nous l’avons noté, plusieurs aspects n’ont pu être mesurés au cours des essais en laboratoire. Par exemple, FID et CLS pendant l’interaction utilisateur. De plus, d’autres facteurs comme la latence du réseau, le matériel de l’appareil et la complexité du chargement signifient que vos utilisateurs réels peuvent être plus lents que votre meilleur site. L’API vous aide à envoyer les données de débogage à l’analyse, qui peut ensuite être visualisée dans le rapport Web vitals. Cela vous aidera à découvrir ce qui a causé la différence entre GSC et Lighthouse. Google utilise les données du rapport d’expérience utilisateur chrome (Crux) dans GSC et page speed Insights (PSI). Votre objectif devrait être d’obtenir un « bon » score pour le 75e percentile de tous les utilisateurs. Compte tenu de ces changements, vos utilisateurs peuvent en fait rencontrer des conditions plus lentes (ou plus rapides) que les conditions de laboratoire, et vous devez utiliser les données de l’indicateur d’utilisateur réel (Rum) pour vous assurer que votre travail a un impact après le déploiement.
Pourquoi WordPress s’oppose – t – il aux anciennes versions de jquery? Cela correspond – il également à la transformation des signes vitaux du réseau central de l’ie11? Vous n’avez peut – être pas besoin de demander. Un nom de domaine générique? Jquery pour l’introduction de fonctionnalités avancées dans W
Les scripts d’analyse ro ne deviennent pas des blocs et vous pouvez encore recueillir les données nécessaires. Si vous avez encore beaucoup de succès en termes de performance, alors au – delà de GTM, peut – être que ce n’est pas la faute du gestionnaire d’étiquettes, mais la façon dont il est utilisé. Il y a de bonnes stratégies dans cette présentation: se concentrer sur le rendement des tiers. Par exemple, vous pouvez supprimer les scripts clés du GTM et reporter le chargement jusqu’à la fin de la cascade. Que suggérez – vous pour les sites qui gagnent de l’argent par la publicité? Les gestionnaires de la publicité et la publicité en général (en particulier la publicité procédurale) peuvent avoir un impact important sur TTI et TBT. Devrions – nous retarder le chargement des annonces pour servir l’interaction utilisateur? Comment pouvons – nous améliorer notre rendement sans perdre de temps? Ce choix semble aussi difficile que d’équilibrer la vitesse et les revenus du site, mais il ne devrait pas l’être. L’objectif ici est de trouver des façons créatives de faire de la publicité une partie de l’expérience utilisateur plutôt qu’un repos. Vous n’avez donc pas à choisir entre le revenu et le rendement. Voici le Conseil: • Les attentes doivent toujours être placées en premier. • Assurez – vous que la partie publicitaire (et son apparence) semble biologique Assurez – vous que l’annonce n’apparaît pas soudainement au centre de la page, ce qui entraîne des changements de mise en page et une interruption de l’interaction utilisateur. Utilisez Javascript pour les pré – allouer de l’espace et définir la hauteur minimale de l’emballage. • Ne chargez pas trop à la fois. Le fil principal est surchargé et sous – payé, et peut fonctionner plus rapidement s’il est utilisé dans des blocs plus petits. Deux méthodes sont recommandées: utiliser de façon créative la méthode requestidlecallback intégrée dans le navigateur et attendre que le chargement Dom soit terminé avant de charger plusieurs éléments Charger une annonce après l’interaction de l’utilisateur avec la page de lancement n’a pas beaucoup de sens: sembra