Comment améliorer les paramètres d’interaction utilisateur de Google pages dans WordPress
Si vous voulez offrir une expérience utilisateur populaire, l’interaction utilisateur est l’un des aspects clés sur lesquels vous devez vous concentrer. Malheureusement, vous ne pouvez pas vous asseoir à leur place et voir votre site du point de vue des visiteurs, donc vous avez besoin d’un moyen de comprendre comment votre site répond aux commentaires. Saisissez Google page speed Insights. Trois mesures dans Google page speed Insights peuvent vous aider à comprendre l’expérience d’interaction utilisateur, améliorant ainsi le temps d’interaction, le délai maximal d’entrée pour la première fois et le délai initial du processeur. Dans cet article, nous décrivons les mesures que Google page speed Insights utilise pour mesurer l’interaction utilisateur. Je vais vous montrer comment réduire le temps d’interaction, la latence maximale d’entrée pour la première fois et la latence du processeur pour la première fois afin d’offrir la meilleure expérience utilisateur aux visiteurs.
Qu’est – ce que la conception interactive? Dis – moi si tu as déjà eu ça. Allez sur un site Web et, lorsque le contenu est chargé, cliquez sur quelque chose, mais rien ne se passe. Puis cliquez dessus encore et encore, et lorsque la page répond finalement, vous apparaîtrez sur une page de connexion publicitaire aléatoire ou quelque chose d’autre que vous ne voulez pas apparaître. Mon ami est une interaction utilisateur négative. La conception interactive vise à permettre aux utilisateurs d’atteindre leurs objectifs de la manière la plus simple possible, que ce soit en achetant des produits ou en s’abonnant à des communiqués de presse.
La conception interactive comporte de nombreuses dimensions. Ce qui nous intéresse le plus dans cet article, c’est la rétroaction et les délais de livraison, car ils peuvent aider les visiteurs à évaluer l’efficacité de leurs actions. Si le temps de réponse entre une action (comme un clic) et une réponse est trop long, vos visiteurs perdront confiance en votre site et pourraient se tourner vers vos concurrents. Pour interagir activement avec les utilisateurs lors du chargement du site, nous devons:
Concentrez – vous sur les différents indicateurs et obtenez une vue d’ensemble de l’expérience de l’utilisateur. Voyons ce qu’ils sont maintenant.
Google page speed Insights utilise Lighthouse pour analyser les performances des pages mobiles et de bureau.
Chacun de ces six indicateurs vous dit que l’expérience de l’utilisateur est différente en attendant que le site soit chargé, et ensemble ils forment une image plus complète. Premièrement, l’inactivité du processeur, le temps d’interaction et le délai d’entrée estimé sont les trois aspects qui nous renseignent sur l’interaction utilisateur. Pour en savoir plus sur la première peinture avec du contenu et la première peinture significative, ainsi que sur l’indice de vitesse, consultez les articles suivants. Qu’est – ce que le temps d’interaction phare? L’indicateur de temps d’interaction (ITT) mesure le temps qu’il faut à un utilisateur pour interagir de façon fiable avec le contenu d’une page, par exemple en cliquant sur un lien ou en entrant du texte dans un champ d’entrée.
Un score TTI inférieur à 100 MS est idéal, car la réaction semble presque instantanée lorsque le visiteur effectue l’action. Plus le temps est long, plus l’utilisateur pensera que le retard est un problème avec le site. Même l’idée du temps
Le nombre de pages Web a augmenté, triplant au cours des six dernières années. JavaScript fonctionne dans un environnement monothreadé, ce qui crée un goulot d’étranglement lorsque le processus prend trop de temps. Lorsqu’un processus bloque un seul thread, tout le reste doit attendre, y compris les autres processus et la rétroaction de l’utilisateur. C’est pire au téléphone. La tâche peut prendre 3 à 5 fois plus de temps et une charge CPU élevée peut consommer la batterie. Sans parler du fait que le site Web peut sembler rudimentaire, il n’offre donc pas la meilleure expérience utilisateur.
Les tâches nécessitant plus de 50 millisecondes sont considérées comme des tâches longues. Pour augmenter le score TTI, supprimez le javascript inutile ou reportez – le au chargement de la page. Vous devriez également diviser de grands fichiers pour éviter les goulets d’étranglement. Quel est le délai pour la première entrée? L’indicateur de délai d’entrée Google First mesure le temps qu’il faut au navigateur pour répondre à l’entrée de l’utilisateur, par exemple en cliquant sur un bouton. Un délai d’entrée idéal de 10 MS est idéal. Bien que le temps d’interaction puisse être mesuré en laboratoire, le délai d’entrée initial ou le fid exige que l’utilisateur calcule avec précision. Le test Google page speed Insights inclut des indicateurs de latence maximale pour la première entrée, mais des outils d’analyse comme Google Analytics vous donneront des résultats plus précis.
Si vous Collectez les premières données de latence d’entrée de l’outil d’analyse, vous saisissez la vraie douleur de l’utilisateur. Si les temps d’attente sont longs, vous savez que vos visiteurs peuvent être frustrés parce qu’ils doivent attendre chaque fois qu’ils interagissent avec la page. Si les temps d’attente sont particulièrement longs et que votre taux de rebond est élevé, devinez quoi? Vous perdez des visiteurs en raison d’une mauvaise expérience du site. Achiya. Qu’est – ce qui compte comme première entrée? Définissons – le.
Le délai d’entrée n’inclut pas toutes les interactions avec l’utilisateur. Le fid mesure des actions telles que cliquer, cliquer et saisir du texte dans un champ. Il n’inclut pas le défilement ou l’échelle parce qu’ils peuvent fonctionner sur des fils indépendants du navigateur. C’est pourquoi si votre site n’a pas d’action que l’utilisateur peut effectuer (à l’exception du défilement ou de l’échelle), vous n’avez pas de mesure de latence pour la première entrée à fournir. La façon de corriger la latence de la première entrée de TTI et FID est étroitement liée, de sorte que si vous essayez de fournir JavaScript plus efficacement pour réduire le temps d’interaction, vous améliorerez également la latence de la première entrée. Si le thread du navigateur principal est occupé, il ne répondra pas à l’entrée de l’utilisateur, de sorte que vous devriez diviser les tâches longues ou ne pas les exécuter sur le thread principal. Ceci garde le fil principal ouvert. Les publicités de tiers et les widgets sociaux ont la réputation d’être gourmands en termes de consommation d’énergie sur leurs pages hôtes, donc vous devriez minimiser l’utilisation d’iframes de tiers. Une façon d’améliorer le premier délai d’entrée est de reporter les tâches non critiques au moment de la demande. Si vous voulez en savoir plus sur la façon d’utiliser cette méthode, appelez – la « inactive en cas d’urgence ». Quel est le premier processeur inactif du phare? Le premier processeur inactif de Lighthouse mesure quand une page a une interaction minimale et quand la plupart (mais pas tous) des éléments sont prêts à interagir. Si vous interagissez avec un élément de page, il peut y avoir un retard, mais la page répond. Le premier processeur inactif dans pagesespeed Insights était initialement appelé time to first interactive. Indique l’intervalle de temps entre les 5 premières secondes qui se produit dans le fil principal lorsque la tâche ne nécessite pas plus de 50 MS après la première peinture de contenu. Le premier temps de ralenti du processeur est similaire à
Interactive parce que les deux écoutent le gestionnaire d’événements Javascript pour renvoyer des mesures précises, mais le premier processeur inactif n’exige pas que le navigateur réponde à l’entrée de l’utilisateur dans les 50 millisecondes. La valeur moyenne du premier processeur inactif dans WordPress est de 2 – 4 secondes. Comment améliorer le premier processeur inactif? Pour le premier arrêt du processeur, une solution simple consiste à réduire au minimum le nombre de ressources à exécuter avant le chargement de la page et à réduire la taille des ressources restantes. Ce sont les mêmes stratégies utilisées pour améliorer le TTI et le fid, optimiser les chemins de rendu critiques et optimiser l’efficacité du contenu. Le guide interactif Lighthouse User Experience n’évalue pas l’ensemble du site. Examinez une page à la fois pour voir comment fonctionne votre site et vous devrez tester différents types de pages sur le site. Tester les pages de blog, les pages de produits, vérifier, etc. Faites attention aux pages de conversion importantes, comme la page d’atterrissage et le panier. Lighthouse a évalué six indicateurs de test, mais leur poids n’était pas le même lorsque vous avez obtenu la note globale. Chacun a un poids différent. L’indicateur le plus pondéré est le temps d’interaction, car il a un impact plus important sur le rendement global de la page. L’indice de vitesse, le premier dessin avec contenu, le premier CPU libre et le premier dessin significatif sont effectués dans l’ordre suivant. Vous avez peut – être remarqué un schéma dans l’invite pour améliorer le temps d’interaction, le premier temps d’inactivité du processeur et le premier délai d’entrée. Étant donné que ces trois indicateurs sont étroitement liés, une approche globale est adoptée pour les améliorer. En améliorant l’interaction avec les utilisateurs, vous améliorerez ces trois aspects. Voici les actions qui peuvent augmenter les scores: optimiser les chemins de rendu critiques minimiser ou supprimer la ressource C
La critique est la ligne principale. Retarder le téléchargement ou le téléchargement asynchrone, si possible. Optimiser la taille des ressources en les compressant ou en les minimisant afin de réduire le temps de téléchargement. Téléchargez toutes les ressources critiques dès que possible pour réduire la longueur du chemin critique. Retarder le chargement de l’image – Si l’image est sous pli, attendre le chargement jusqu’à ce que nécessaire. Détermine la priorité du chargement de la page afin que, lorsqu’il y a du temps libre dans le fil principal, les images puissent être téléchargées après que le visiteur a fait défiler la page. Activer la mise en cache du navigateur: la mise en cache des fichiers permet une récupération plus rapide en mettant en cache les ressources, ce qui réduit considérablement le temps de chargement des pages supplémentaires. Avec le cache http, le navigateur stocke une copie des ressources téléchargées par l’utilisateur via http dans le cache afin que l’utilisateur puisse récupérer ces ressources sans avoir à accéder à nouveau au serveur. Nous avons récemment comparé hummingbird à d’autres plug – ins de cache populaires qui ont été optimisés par hummingbird. Utilisez CDN: un cache intermédiaire, comme un réseau de distribution de contenu, peut vous aider à fournir des ressources plus rapidement à partir d’un centre de données plus proche de vous. Utilisez javascript avec sagesse pour supprimer les fichiers JavaScript inutiles et les parties inutilisées du fichier. Diviser un grand fichier javascript. Retarde le chargement des fichiers JavaScript de faible priorité. Réduire au minimum et compresser les fichiers JavaScript smoush pro a un CDN qui vous aide à retarder le téléchargement d’images. Colibri peut vous aider à activer la mise en cache du navigateur. Vous pouvez essayer ces deux méthodes gratuitement ici pour améliorer votre score Google pagesspeed Insights. Merci, si vous trouvez cet article utile ou si vous avez d’autres suggestions sur la façon d’améliorer es, s’il vous plaît me le dire dans le commentaire