Qu’est – ce que tu veux faire? Est la performance perçue et pourquoi il est nécessaire de l’optimiser
Nombre de performances. Il peut faire la différence entre saisir les courriels des visiteurs ou, mieux encore, marquer les ventes. C’est pourquoi nous passons tant de temps à optimiser notre site et à le rendre plus rapide. Mais je ne parle pas seulement de la vitesse de la page. Un autre aspect de l’optimisation des performances n’a pas reçu beaucoup d’attention. Je parle du rendement perçu. Il s’agit d’une mesure de la vitesse à laquelle les utilisateurs pensent que votre site Web est disponible, pas nécessairement la vitesse à laquelle vos statistiques techniques sont affichées. Dans cet article, nous explorerons ce qu’est la performance perçue, qui fait partie de la psychologie derrière la perception du temps par les gens, et nous examinerons certaines des techniques qui peuvent être utilisées pour accélérer les sites Web.
En plus de la technologie traditionnelle d’optimisation de la vitesse de page, l’utilisation de la technologie dans cet article peut également aider à améliorer l’expérience utilisateur globale du site Web. Remarque: vous souhaitez en savoir plus sur la vitesse de la page? Regardez la vitesse de la page et pourquoi je devrais comparer mon site WordPress. Psychologie du temps: le temps perçu et le temps de chargement effectif le temps mesuré à l’aide d’un chronomètre est le temps objectif. C’est absolu: les développeurs peuvent mesurer la vitesse de page du site et apporter les changements nécessaires pour le rendre techniquement plus rapide.
D’autre part, le temps psychologique est subjectif et potentiellement malléable. Elle est relative, mais elle peut être manipulée pour être perçue subjectivement plus rapidement qu’elle ne l’est réellement. Prenez l’ascenseur par exemple. Tu t’es déjà demandé pourquoi il y avait un miroir dans l’ascenseur? C’est l’une des plus grandes inventions de l’époque moderne qui permet aux gens de ne pas transpirer dans les escaliers de 40 étages. Mais quand l’ascenseur est sorti pour la première fois, les gens se tenaient à l’intérieur, regardant la porte avec un regard sensible
Ou parce qu’ils n’avaient rien d’autre à faire (c’était avant l’invention du smartphone!).
Tout ce qu’ils pouvaient imaginer, c’était qu’ils craignaient intelligemment de tomber d’une hauteur de 40 étages et de mourir, et que seuls les câbles électriques les pendent en l’air. De plus, les gens se plaignent de la lenteur des ascenseurs.
Cela a conduit à l’idée d’installer des miroirs dans les ascenseurs afin que les gens puissent penser à d’autres choses au lieu de se concentrer sur le temps ou de s’inquiéter de tomber. Les gens sont distraits par les miroirs et agités par les cheveux et le maquillage. Dans une enquête de suivi, on a fait des commentaires sur la vitesse des nouveaux ascenseurs, même si la vitesse était exactement la même. Dans un exemple récent, Eurostar, qui a investi des milliards de livres sterling pour réduire de 25 minutes le temps de trajet en train entre Londres et Paris, a souligné que les problèmes majeurs ne nécessitent pas toujours de solutions majeures. L’idée était que cela satisferait le client.
Mais Rory Sutherland, Directeur de la publicité, a souligné dans son discours Ted qu’il serait plus sage de rendre les voyages des voyageurs plus agréables. Eurostar aurait pu équiper ses trains de wifi à très faible coût, améliorant ainsi l’expérience utilisateur et réduisant le temps de trajet perçu. Parce que les voyageurs passionnés par Facebook
Les nouvelles ou les films ne remarquent guère de réduction du temps de déplacement. De nombreux sites Web répètent souvent les erreurs d’Eurostar en concentrant toute leur attention sur l’amélioration de la vitesse des pages sans tenir compte d’un aspect extrêmement important du développement du Web: l’expérience utilisateur.
À quelle vitesse votre site Web devrait – il être chargé? En regardant objectivement le temps, il y a des règles de vitesse à garder à l’esprit lors de l’optimisation des performances du site. Le spécialiste de la convivialité Jakob Nielsen, dans son ouvrage intitulé usability engineering, souligne trois limites importantes de temps de réponse pour la perception du temps de réponse d’un site Web: jusqu’à 0,1 seconde: l’utilisateur ne reconnaît aucun retard perçu. Le téléchargement semble rapide. C’est la meilleure norme à respecter pour optimiser un site Web. Jusqu’à 1 seconde: délai légèrement perceptible. L’utilisateur a senti une pause. Si toutes les opérations prennent une seconde, le site peut ralentir. Jusqu’à 10 secondes: si l’opération prend 10 secondes ou plus, vous perdrez l’attention de l’utilisateur. Ils peuvent passer à un nouvel onglet ou à une nouvelle application, ou simplement fermer votre page Web. Cependant, il y a aussi des situations où l’utilisateur attend, par exemple lorsqu’il vient de soumettre les détails de la carte de crédit à la Caisse. Étant donné que Nielsen avait initialement publié ces délais en 1993, il est certain que la limite maximale de 10 secondes est maintenant de 5 secondes ou moins. Depuis le début des années 1990, la vitesse d’Internet a augmenté de façon exponentielle et les utilisateurs sont habitués au chargement rapide des sites Web, de sorte que tout site qui prend plus de 10 secondes à charger semble être chargé par composition.
Il existe de nombreuses façons d’optimiser la performance du site, de sorte que
Et le chargement est objectivement plus rapide (Vérifiez la vitesse du site: Assurez – vous de compter la première seconde). Lorsqu’il s’agit d’optimiser votre site Web pour le charger psychologiquement plus rapidement, il y a des façons de vous aider à réduire le temps de chargement perçu de votre site Web afin qu’il semble plus rapide que le temps de chargement cible. Comment optimiser le temps de chargement perçu voici quelques conseils pour vous aider à ajouter une version miroir à votre site afin que les utilisateurs puissent utiliser la version miroir plus rapidement.
1. Utilisez l’indicateur d’activité et de progrès si certains éléments de votre page sont chargés lentement ou fonctionnent lentement, ce qui affecte l’expérience de l’utilisateur, envisagez d’utiliser l’indicateur d’activité, comme le Spinner. L’indicateur d’activité assure le visiteur que la page fonctionne et est chargée. Mieux encore, utilisez une barre de progression pour afficher le pourcentage de sites chargés. Cela aide non seulement à apaiser les utilisateurs agités, mais aussi à leur faire savoir combien de temps ils doivent attendre.
Dans la mesure du possible, il est préférable d’afficher une barre de progression indiquant le temps nécessaire pour que l’opération de rétroaction en temps réel soit terminée, car les visiteurs peuvent continuer à utiliser votre site. Unslash utilise Spinner pour dire à l’utilisateur que la photo est toujours en cours de téléchargement: glissez vers le bas pour voir ce qui suit. Dans cette étude, des chercheurs de l’Institut d’interaction homme – ordinateur de l’Université Carnegie Mellon ont constaté que l’apparition d’animations à barres de progression peut également influer sur le rendement perçu.
Ce tweet est une autre preuve de la façon dont Facebook a trouvé un moyen facile d’éditer et de télécharger l’animation
J’ai entendu dire que quelqu’un a accusé l’utilisateur de charger lentement Drôle de renne! Facebook a effectué un test A \/ B pour s’assurer que les utilisateurs attribuent la lenteur à FB à gauche et IOS à droite. Photos. Gazouillis Com \/ zevbtime1q – deeje (@ deeje) 31 janvier 2014 2. Téléchargez d’abord le contenu effondré sur votre site Web. Cela permet aux utilisateurs non seulement de voir que votre site Web commence à charger, mais aussi de commencer à interagir avec le contenu lorsqu’il est encore chargé sous la page. Une étude de suivi oculaire du Groupe Nielsen Norman a révélé que les utilisateurs passent environ 20% de leur temps à regarder le contenu le plus important d’un site Web lorsqu’il est téléchargé en premier. Cependant, si le chargement de cette zone prend 8 secondes, l’utilisateur ne passe que 1% de son temps à la voir. Google recommande deux grandes stratégies et priorités de téléchargement: construire du contenu clé en HTML et d’abord réduire la quantité de données utilisées par les ressources3. Une autre façon de faire sentir aux gens que le chargement est rapide en utilisant le chargement progressif et différé est de charger le contenu progressivement. Cette méthode est généralement utilisée pour charger une image (chargement lent). L’idée de base derrière le chargement lent est que l’image du substituant apparaît sur la page et est chargée étape par étape à différentes étapes, du flou aux pixels en passant par le tranchant. Des techniques similaires peuvent être appliquées au contenu réel d’une page. Lorsque vous parcourez un flux de nouvelles, Facebook charge progressivement le contenu et combine l’indicateur d’activité avec un substituant de contenu: Facebook utilise le téléchargement progressif pour indiquer que les résultats sont téléchargés. Site Web à haute intensité immag
INI unsplash utilise également un chargement lent associé à l’indicateur d’activité: Unslash utilise des charges lentes et des indicateurs d’activité pour rassurer les utilisateurs lors du téléchargement d’images. Contenu préchargé le contenu préchargé vous permet de télécharger certains contenus en priorité sur une page. Utiliser la valeur de précharge de l’attribut rel de l’élément , Vous pouvez écrire une demande de récupération déclarative qui spécifie les ressources dont vous avez besoin immédiatement après le chargement de la page et les ressources que vous souhaitez commencer à précharger avant le début du rendu principal du navigateur. Cela garantit que ces ressources peuvent être utilisées plus tôt et qu’il est peu probable qu’elles empêchent le rendu de la première page, ce qui améliore le rendement. Preload est une norme Web relativement récente conçue pour fournir aux développeurs web un contrôle de charge plus granulaire. Permet aux développeurs de définir une logique de chargement personnalisée sans dégrader les performances comme un chargeur de ressources basé sur des scripts. 5. Prévoir la prochaine action de l’utilisateur maintenant nous entrons dans la boule de cristal, qui est en fait dans la gamme des possibilités. Bien qu’il puisse sembler compliqué de prévoir ce que les utilisateurs feront ensuite sur la page, il n’est pas difficile de prévoir ce qu’ils feront ensuite si vous avez un site Web et que les utilisateurs ont tendance à exécuter le même flux de travail à plusieurs reprises (par exemple, cliquez sur un lien de navigation, cliquez sur certains boutons). Par conséquent, profitez de ces connaissances pour précharger le contenu le plus populaire en arrière – plan, de sorte que si l’utilisateur choisit réellement l’action que vous prévoyez, le contenu sera déjà affiché et prêt pour l’interaction. Malheureusement, il n’existe pas d’outil simple de mesure de la vitesse
Ou pour mesurer le rendement perçu, bien que des indicateurs comme le premier contenu \/ peinture importante puissent le suggérer. Cependant, une façon efficace de le mesurer est de vérifier les visiteurs et de leur demander combien de temps il faut pour charger la page. Dans l’affirmative, assurez – vous que l’échantillon de l’enquête est suffisamment grand pour permettre une moyenne plus précise du temps de chargement perçu sur le site. Avec cette information, vous pouvez encore améliorer l’expérience utilisateur et la vitesse perçue du site. La vitesse réelle reste importante et il est facile de participer à la vitesse de chargement des pages et d’optimiser les ressources pour rendre votre site super rapide. Mais en fin de compte, l’amélioration de la performance perçue du site Web aura un impact énorme sur l’expérience utilisateur du site. Les utilisateurs n’aiment pas attendre. En changeant la façon dont le site est chargé et en donnant la priorité au téléchargement de certains contenus, vous pouvez influencer la façon dont les gens perçoivent la performance du site et leur faire croire que le temps de téléchargement est plus court que le temps réel. Enfin, je voudrais préciser que l’augmentation de la vitesse réelle de chargement des pages sur le site reste un facteur important et que vous devriez toujours tester les performances de WordPress. L’amélioration du rendement perçu du site Web ne devrait pas se substituer à l’augmentation de la vitesse cible du site.