Aujourdamp;rsquohui, les nouvelles mesures de performance du Web de Google sont à lamp;rsquoesprit de tout le monde. Plus tôt cette année, nous avons discuté de ce thème clé lors damp;rsquoun webinaire: lamp;rsquooptimisation 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 lamp;rsquoenregistrement ici: clés clés clés foire aux questions sur le Web les principales mesures du Web changeront elles à lamp;rsquoavenir? Google a déclaré quamp;rsquoil prévoit mettre à jour ses informations de base sur le Web chaque année. Cette fréquence établit un bon équilibre entre le maintien damp;rsquoune expérience utilisateur à jour et optimale et la fourniture damp;rsquoun 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 samp;rsquoinquiéter? Les données de terrain ou les données de mesure de lamp;rsquoutilisateur réel (rhum) sont les données les plus profondes et les plus précieuses du propriétaire du site. Il montre comment les utilisateurs réels font lamp;rsquoexpérience de votre site. Cela peut être influencé par lamp;emplacement de la plupart des utilisateurs, la durée de lamp;rsquoaccès des utilisateurs au site, samp;rsquoils y accèdent le week end, etc. Les propriétaires de sites sont souvent surpris par des facteurs quamp;rsquoils namp;rsquoont pas pris en compte dans lamp;rsquoenvironnement damp;rsquoessai. La façon dont construisez votre site Web devrait être déterminée par lamp;rsquoexpé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. votre ttfb est lent, devez le compenser en améliorant damp;rsquoautres 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 lamp;rsquohôte. Il est préférable de fournir le contenu le plus proche possible
Les utilisateurs et seuls les hôtes disposant damp;rsquoun réseau mondial de centres de données peuvent le faire. En outre, pour des raisons de performance, nous recommandons d’utiliser des applications WordPress fiables. Par exemple, pouvez rapidement générer des requêtes complexes en utilisant des pages et des objets mis en cache. Il est important damp;rsquoavoir une bonne performance à lamp;rsquoéchelle mondiale, car les principaux paramètres Web sont mesurés pour les utilisateurs réels de votre site. vos visiteurs sont partout dans le monde, alors le monde entier mesure Pas en position centrale damp;rsquoessai 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 lamp;rsquoindicateur de lamp;rsquoutilisateur 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. Camp;rsquoest pourquoi il est important damp;rsquooffrir 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 damp;rsquoabord, déterminez ce quamp;rsquoest un LCP sur votre site. Il peut samp;rsquoagir damp;rsquoune image, damp;rsquoun curseur, damp;rsquoun grand texte, damp;rsquoune vidéo ou damp;rsquoune animation damp;rsquoun héros. Étonnamment, le coupable peut être quelque chose damp;rsquoinattendu: un pop up damp;rsquoavertissement sur les cookies ou les annonces. Pour améliorer la prestation du PCV, assurez que travaillez sur le bon projet. votre LCP est une image héroïque, voici quelques conseils: • Assurez quamp;rsquoil namp;rsquoest pas paresseux par un tiers ou intégré
Oui. Pour les polices, pas de balles damp;rsquoargent: 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: lamp;rsquoutilisons nous? Assurez de ne pas de caractères qui ne sont utilisés nulle part. Cela samp;rsquoapplique également aux images, vidéos, feuilles de style, scripts – retirez tout ce que namp;rsquoutilisez 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. • Lamp;rsquoobjectif est damp;rsquohéberger localement toutes les polices (par exemple à partir de votre domaine). • Assurez damp;rsquoutiliser lamp;rsquoaffichage 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 recommandons damp;rsquoutiliser des outils tels que le style de police matcher pour rapprocher les polices du système damp;rsquoautres éléments tels que lamp;rsquoespacement, lamp;rsquoespacement et les polices personnalisées. Vous pouvez également utiliser fontfaceobserver. JS aide à tirer parti des engagements lors du chargement des rôles. • Parce que la police de lamp;rsquoicône dépend de la situation: utilisez le bloc comme valeur damp;rsquoaffichage 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, lamp;rsquointégration, etc. peuvent changer la disposition de la page au moment du chargement. Les développeurs doivent samp;rsquoassurer quamp;rsquoils ne perdent pas les ajouts de largeur et de hauteur dans les zones qui ne font pas partie de la publication.
Rials. Lamp;rsquoindicateur CLS a été mis à jour. Maintenant, lorsque résolvez le décalage maximal, la fraction métrique passe à la valeur de lamp;rsquoéclatement maximal suivant. Cela peut être très proche du précédent, de sorte que ne verrez pas damp;rsquoamé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 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 lamp;rsquoavons noté, plusieurs aspects namp;rsquoont pu être mesurés au cours des essais en laboratoire. Par exemple, FID et CLS pendant lamp;rsquointeraction utilisateur. De plus, damp;rsquoautres facteurs comme la latence du réseau, le matériel de lamp;rsquoappareil et la complexité du chargement signifient que vos utilisateurs réels peuvent être plus lents que votre meilleur site. Lamp;rsquoAPI aide à envoyer les données de débogage à lamp;rsquoanalyse, qui peut ensuite être visualisée dans le rapport Web vitals. Cela aidera à découvrir ce qui a causé la différence entre GSC et Lighthouse. Google utilise les données du rapport damp;rsquoexpérience utilisateur chrome (Crux) dans GSC et page speed Insights (PSI). Votre objectif devrait être damp;rsquoobtenir 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 devez utiliser les données de lamp;rsquoindicateur damp;rsquoutilisateur réel (Rum) pour 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 lamp;rsquoie11? Vous namp;rsquoavez peut être pas besoin de demander. Un nom de domaine générique? Jquery pour lamp;rsquointroduction de fonctionnalités avancées dans W
Les scripts damp;rsquoanalyse ro ne deviennent pas des blocs et pouvez encore recueillir les données nécessaires. avez encore beaucoup de succès en termes de performance, alors au delà de GTM, peut être que ce namp;rsquoest pas la faute du gestionnaire damp;rsquoé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, pouvez supprimer les scripts clés du GTM et reporter le chargement jusquamp;rsquoà la fin de la cascade. Que suggérez pour les sites qui gagnent de lamp;rsquoargent 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 lamp;rsquointeraction utilisateur? Comment pouvons nous améliorer notre rendement sans perdre de temps? Ce choix semble aussi difficile que damp;rsquoéquilibrer la vitesse et les revenus du site, mais il ne devrait pas lamp;rsquoêtre. Lamp;rsquoobjectif ici est de trouver des façons créatives de faire de la publicité une partie de lamp;rsquoexpérience utilisateur plutôt quamp;rsquoun repos. Vous namp;rsquoavez donc pas à choisir entre le revenu et le rendement. Voici le Conseil: • Les attentes doivent toujours être placées en premier. • Assurez que la partie publicitaire (et son apparence) semble biologique Assurez que lamp;rsquoannonce namp;rsquoapparaît pas soudainement au centre de la page, ce qui entraîne des changements de mise en page et une interruption de lamp;rsquointeraction utilisateur. Utilisez Javascript pour les pré allouer de lamp;rsquoespace et définir la hauteur minimale de lamp;emballage. • Ne chargez pas trop à la fois. Le fil principal est surchargé et sous payé, et peut fonctionner plus rapidement samp;rsquoil 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 lamp;rsquointeraction de lamp;rsquoutilisateur avec la page de lancement namp;rsquoa pas beaucoup de sens: sembra
WordPress Core Web vitals Performance Policy FAQ
