Lrsquoexpérience de page de Google est officiellement arrivée et, avec son arrivée, le rôle des éléments Web de base a été amélioré, créant un nouveau facteur clé pour le système de classement de page qui utilise le plus de moteurs de recherche au monde. Qursquoest ce qui est essentiel pour le Web de base? En bref, Core Web vitals est une mesure centrée sur lrsquoutilisateur qui mesure des aspects spécifiques de lrsquoexpérience de lrsquoutilisateur final et peut maintenant compléter les signaux de recherche existants tels que lrsquooptimisation mobile, la sécurité https et les lignes directrices intrusives GAP pour déterminer comment les sites Web sont affichés dans les résultats de recherche Google.
Ce livre électronique, écrit en collaboration avec le partenaire 10up de Google et WP Engine, fournit des informations plus approfondies sur les clés Web de base, ce que ces informations signifient pour la performance du site et pourquoi il est plus important que jamais de créer une expérience de page transparente. Consultez les livres électroniques pour savoir quelles mesures pouvez prendre pour mesurer et améliorer le rendement de votre site Web. Le site Web de base est essentiel. Téléchargez le rapport complet maintenant ou continuez à lire pour un aperçu!
Outils de mesure du rendement Une bonne expérience de page ne doit pas être mesurée en un instant. Il devrait se composer de jalons clés dans le chemin de lrsquoutilisateur. La compréhension des différents indicateurs et de la façon dont ils sont surveillés est essentielle pour surveiller et évaluer efficacement lrsquoexpérience et lrsquoimpact de la page.
Il nrsquoexiste pas de principe « universel » pour lrsquoexamen des outils à utiliser. Lrsquooptimisation du rendement est un processus itératif et de nombreux facteurs doivent être pris en considération lors de lrsquoexamen du rendement du site. Il est important de connaître les mesures les plus couramment utilisées pour mesurer les indicateurs de rendement, habituellement de deux façons: 1. Données de laboratoire 2. En revanche, aucune de ces mesures nrsquoa été jugée meilleure ou pire que lrsquoautre.
Vous devriez les utiliser en même temps.
Comprendre les données de laboratoire et de terrain les données de laboratoire sont des données sur le rendement recueillies dans un environnement contrôlé à lrsquoaide drsquoappareils et de réseaux prédéfinis. Cela fournit des résultats reproductibles et des capacités de débogage pour aider à identifier, isoler et résoudre les problèmes de performance.
Avantage: aide à déboguer les problèmes de performance. De bout en bout, découvrez lrsquoexpérience de la page. Environnement de test et de débogage lisible. Inconvénients: ne pas toujours saisir les goulets drsquoétranglement du monde réel. Il nrsquoest pas toujours lié aux IRC des pages du monde réel. Les données sur le terrain sont des données sur le rendement recueillies à partir drsquoun chargement de page réel de lrsquoexpérience utilisateur en temps réel. Avantages: capturez lrsquoexpérience réelle de la page du monde réel. Autoriser lrsquoassociation avec les IRC opérationnels. Inconvénients: un petit nombre drsquoindicateurs. La fonction de mise en service est limitée. En tant qursquoéditeur désireux drsquoaméliorer lrsquoexpérience de la page Web, page speed Insights est le point de départ le plus simple pour lrsquoanalyse des données sur le terrain et en laboratoire.
Page speed Insights: page speed Insights (PSI) fournit des rapports sur la performance de la page sur les appareils mobiles et de bureau et fournit des conseils sur la façon drsquoaméliorer la page. PSI est une interface Web qui tient compte à la fois des données de laboratoire du phare (via lrsquoURL) et des données de terrain du rapport drsquoexpérience de page Chrome. Lighthouse: PSI utilise Lighthouse (LH) pour analyser lrsquoURL spécifiée pour générer dynamiquement un score de performance qui peut estimer la performance de la page sur plusieurs paramètres, y compris: la première peinture à lrsquoombre le plus grand indice de vitesse de peinture à lrsquoombre mise en page du temps drsquoéchange à être interactif total bloc temps Chrome rapport drsquoexpérience de page: lorsque PSI reçoit lrsquoURL, Il sera recherché dans lrsquoensemble de données du rapport drsquoexpérience de page chrome (Crux)
). disponible, PSI signale la première peinture de contenu pour la source, la première latence drsquoentrée, la peinture de contenu maximale et les mesures cumulatives de décalage de mise en page, et éventuellement lrsquoURL drsquoune page particulière.
Outils supplémentaires de test de page Web: comparer le rendement drsquoune ou de plusieurs pages dans un environnement de laboratoire contrôlé, approfondir les statistiques de rendement et tester le rendement sur des appareils réels. Vous pouvez également exécuter Lighthouse sur webgettest. Console de recherche: surveille, maintient et exclut la présence de votre site Web dans les résultats de recherche Google, y compris les données essentielles au Web pour chaque page. Kit de site: le plugin wordpress officiel gratuit, la console de recherche et l’api PSI sont intégrés dans le tableau de bord WordPress. Outil de développement Chrome: analyse le temps drsquoexécution de la page et identifie et débogage les goulets drsquoétranglement de performance.
Améliorer lrsquoexpérience de la page lrsquoexpérience de la page doit être considérée comme un voyage et non comme une destination, il faut du temps pour optimiser lrsquoexpérience pour les utilisateurs et elle doit faire partie intégrante de la Stratégie numérique. Il est essentiel de renforcer lrsquoappropriation et la sensibilisation au sein des principales équipes opérationnelles. Un point de départ utile pour évaluer votre expérience Web actuelle. Utilisez Crux via PSI ou, si utilisez WordPress, utilisez le kit du site (les utilisateurs professionnels peuvent préférer la console de recherche). Concentrez sur vos pages de grande valeur et vos principaux domaines de transformation
Prioriser les possibilités drsquoaccroître la valeur maximale. Les recommandations de lrsquoISP aideront à les identifier. Parmi les domaines drsquointérêt commun, mentionnons la suppression des scripts de tiers: les scripts de tiers comprennent tous les scripts qui peuvent être intégrés directement dans le site Web par un fournisseur tiers. De nombreux plugins WordPress sont disponibles pour supprimer des scripts tiers
En composant et en limitant la charge sur le site, pouvez tester les différentes options avec la même fonctionnalité et (sur la base des données de laboratoire) Sélectionner le plug in qui a le moins drsquoeffets nocifs.
Chargement lent: le chargement lent des images aide à réduire le nombre de fois que le navigateur du visiteur doit appeler le serveur du site, empêchant ainsi le site de tomber en panne. Pour WordPress 5.5 +, le chargement est lent par défaut. Supprimer ou optimiser les grands éléments de page: les grands éléments de page peuvent inclure des fichiers médias, des plug ins ou drsquoautres personnalisations qui nécessitent beaucoup de ressources pour fonctionner. Bien que certains drsquoentre eux puissent être nécessaires à la conception du site ou à la fonctionnalité générale, tout contenu non essentiel à la Mission devrait être supprimé ou optimisé afin drsquoavoir un impact minimal sur tous les éléments essentiels du Web de base.
Effectuer des changements et tester leurs effets avant la livraison de la production. Srsquoil y a lieu, utilisez le noeud CLI pour intégrer Lighthouse (LH) dans le test afin drsquointroduire un budget de performance pour éviter la régression. Faire du rendement un IRC pour toutes les unités opérationnelles: du référencement au développement de première ligne et lrsquoexaminer dans le cadre du cycle de vie du développement
Clés Web: la différence entre héberger wordpress pour assurer que votre site offre la meilleure expérience de clés Web de base, trois aspects sont essentiels: le matériel rapide et les logiciels mis à jour: une meilleure vitesse globale et un meilleur temps de disponibilité, ainsi que les ressources nécessaires pour obtenir des résultats non mis en cache.
Réseau rapide: fournit rapidement le contenu de la page au meilleur moment de chargement. Code frontal propre: réduit les changements de mise en page inutiles et assure une expérience utilisateur fluide. WP Engine est le seul hôte WordPress hébergé à offrir des solutions à ces trois niveaux, y compris:
: Fast Hardware: tous les clients du moteur WP bénéficient de la dernière version de PHP (7.4), des configurations de serveurs spécifiques à WordPress et des solutions Cloud leader, y compris la plateforme Google Cloud. WP Engine offre également lrsquoaccès au matériel C2 de la prochaine génération de Google, ce qui permettra de réduire de 40% le temps drsquoexécution du serveur et drsquoapporter de puissantes améliorations au LCP et au fid. Réseau rapide: comprend un CDN mondial intégré supporté par cloudflare, une configuration standard pour chaque programme de moteur WP, qui assure aux clients de moteur WP un réseau rapide qui réduit les LCP en réduisant la surcharge de protocole et en rapprochant le contenu des visiteurs. Notre produit de sécurité avancé, Global Edge Security, améliore encore le LCP grâce au routage intelligent du trafic Argo et à la protection DDOS, isolant votre site des charges indésirables. Code de première ligne propre: de la suite de sujets Studio Press de WP Engine (standard pour chaque étage) à la première ligne sans tête basée sur Atlas, WP Engine propose des solutions pour les grands et les petits sites Web, toutes construites par Web vitals et drsquoautres utilisateurs métriques spécialisés. Lisez le rapport complet pour en savoir plus!
