Nombre de performances. Il peut faire la différence entre saisir les courriels des visiteurs ou, mieux encore, marquer les ventes. Camp;rsquoest 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 lamp;rsquooptimisation des performances namp;rsquoa pas reçu beaucoup damp;rsquoattention. Je parle du rendement perçu. Il samp;rsquoagit damp;rsquoune 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 nous explorerons ce quamp;rsquoest 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 damp;rsquooptimisation de la vitesse de page, lamp;rsquoutilisation de la technologie dans cet article peut également aider à améliorer lamp;rsquoexpérience utilisateur globale du site Web. Remarque: 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é à lamp;rsquoaide damp;rsquoun chronomètre est le temps objectif. Camp;rsquoest absolu: les développeurs peuvent mesurer la vitesse de page du site et apporter les changements nécessaires pour le rendre techniquement plus rapide.
Damp;rsquoautre 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 quamp;rsquoelle ne lamp;rsquoest réellement. Prenez lamp;rsquoascenseur par exemple. Tu tamp;rsquoes déjà demandé pourquoi il y avait un miroir dans lamp;rsquoascenseur? Camp;rsquoest lamp;rsquoune des plus grandes inventions de lamp;rsquoépoque moderne qui permet aux gens de ne pas transpirer dans les escaliers de 40 étages. Mais quand lamp;rsquoascenseur est sorti pour la première fois, les gens se tenaient à lamp;rsquointérieur, regardant la porte avec un regard sensible
Ou parce quamp;rsquoils namp;rsquoavaient rien damp;rsquoautre à faire (camp;rsquoétait avant lamp;rsquoinvention du smartphone!).
Tout ce quamp;rsquoils pouvaient imaginer, camp;rsquoétait quamp;rsquoils craignaient intelligemment de tomber damp;rsquoune hauteur de 40 étages et de mourir, et que seuls les câbles électriques les pendent en lamp;rsquoair. De plus, les gens se plaignent de la lenteur des ascenseurs. Grâce à la présence de miroirs, le selfie est un divertissement damp;rsquoascenseur. Photo: Hernan pinera. Par conséquent, les compagnies damp;rsquoascenseurs tentent de relever le défi de rendre les ascenseurs plus rapides et plus sûrs. Camp;rsquoétait cher à lamp;rsquoépoque. Jusquamp;rsquoà ce quamp;rsquoun ingénieur propose damp;rsquoexaminer la question sous un autre angle: les gens pensent que les ascenseurs sont lents, alors pourquoi ne pas se concentrer sur les gens dans les ascenseurs plutôt que sur les gros moteurs et les poulies minces?
Cela a conduit à lamp;rsquoidée damp;rsquoinstaller des miroirs dans les ascenseurs afin que les gens puissent penser à damp;rsquoautres choses au lieu de se concentrer sur le temps ou de samp;rsquoinquié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. Lamp;rsquoidée était que cela satisferait le client.
Mais Rory Sutherland, Directeur de la publicité, a souligné dans son discours Ted quamp;rsquoil 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 lamp;rsquoexpé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 damp;rsquoEurostar en concentrant toute leur attention sur lamp;rsquoamélioration de la vitesse des pages sans tenir compte damp;rsquoun aspect extrêmement important du développement du Web: lamp;rsquoexpé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 à lamp;rsquoesprit lors de lamp;rsquooptimisation 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 damp;rsquoun site Web: jusquamp;rsquoà 0,1 seconde: lamp;rsquoutilisateur ne reconnaît aucun retard perçu. Le téléchargement semble rapide. Camp;rsquoest la meilleure norme à respecter pour optimiser un site Web. Jusquamp;rsquoà 1 seconde: délai légèrement perceptible. Lamp;rsquoutilisateur a senti une pause. toutes les opérations prennent une seconde, le site peut ralentir. Jusquamp;rsquoà 10 secondes: si lamp;rsquoopération prend 10 secondes ou plus, perdrez lamp;rsquoattention de lamp;rsquoutilisateur. Ils peuvent passer à un nouvel onglet ou à une nouvelle application, ou simplement fermer votre page Web. Cependant, il y a aussi des situations où lamp;rsquoutilisateur attend, par exemple lorsquamp;rsquoil 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 damp;rsquoInternet 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 damp;rsquooptimiser la performance du site, de sorte que
Et le chargement est objectivement plus rapide (Vérifiez la vitesse du site: Assurez de compter la première seconde). Lorsquamp;rsquoil samp;rsquoagit damp;rsquooptimiser votre site Web pour le charger psychologiquement plus rapidement, il y a des façons de aider à réduire le temps de chargement perçu de votre site Web afin quamp;rsquoil semble plus rapide que le temps de chargement cible. Comment optimiser le temps de chargement perçu voici quelques conseils pour aider à ajouter une version miroir à votre site afin que les utilisateurs puissent utiliser la version miroir plus rapidement.
1. Utilisez lamp;rsquoindicateur damp;rsquoactivité et de progrès si certains éléments de votre page sont chargés lentement ou fonctionnent lentement, ce qui affecte lamp;rsquoexpérience de lamp;rsquoutilisateur, envisagez damp;rsquoutiliser lamp;rsquoindicateur damp;rsquoactivité, comme le Spinner. Lamp;rsquoindicateur damp;rsquoactivité 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 damp;rsquoafficher une barre de progression indiquant le temps nécessaire pour que lamp;rsquoopération de rétroaction en temps réel soit terminée, car les visiteurs peuvent continuer à utiliser votre site. Unslash utilise Spinner pour dire à lamp;rsquoutilisateur 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 lamp;rsquoInstitut damp;rsquointeraction homme ordinateur de lamp;rsquoUniversité Carnegie Mellon ont constaté que lamp;rsquoapparition damp;rsquoanimations à 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 damp;rsquoéditer et de lamp;rsquoanimation
Jamp;rsquoai entendu dire que quelquamp;rsquoun a accusé lamp;rsquoutilisateur de charger lentement Drôle de renne! Facebook a effectué un test A B pour samp;rsquoassurer que les utilisateurs attribuent la lenteur à FB à gauche et IOS à droite. Photos. Gazouillis Com zevbtime1q deeje (@ deeje) 31 janvier 2014 2. Téléchargez damp;rsquoabord 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 lorsquamp;rsquoil 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 damp;rsquoun site Web lorsquamp;rsquoil est téléchargé en premier. Cependant, si le chargement de cette zone prend 8 secondes, lamp;rsquoutilisateur 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 damp;rsquoabord 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). Lamp;rsquoidée de base derrière le chargement lent est que lamp;rsquoimage 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 damp;rsquoune page. Lorsque parcourez un flux de nouvelles, Facebook charge progressivement le contenu et combine lamp;rsquoindicateur damp;rsquoactivité avec un substituant de contenu: Facebook utilise le téléchargement progressif pour indiquer que les résultats sont téléchargés. te Web à haute intensité immag
INI unsplash utilise également un chargement lent associé à lamp;rsquoindicateur damp;rsquoactivité: Unslash utilise des charges lentes et des indicateurs damp;rsquoactivité pour rassurer les utilisateurs lors du téléchargement damp;rsquoimages. Contenu préchargé le contenu préchargé permet de certains contenus en priorité sur une page. Utiliser la valeur de précharge de lamp;rsquoattribut rel de lamp;rsquoélément , Vous pouvez écrire une demande de récupération déclarative qui spécifie les ressources dont avez besoin immédiatement après le chargement de la page et les ressources que 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 quamp;rsquoil est peu probable quamp;rsquoelles 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 lamp;rsquoutilisateur maintenant nous entrons dans la boule de cristal, qui est en fait dans la gamme des possibilités. Bien quamp;rsquoil puisse sembler compliqué de prévoir ce que les utilisateurs feront ensuite sur la page, il namp;rsquoest pas difficile de prévoir ce quamp;rsquoils feront ensuite si 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 lamp;rsquoutilisateur choisit réellement lamp;rsquoaction que prévoyez, le contenu sera déjà affiché et prêt pour lamp;rsquointeraction. Malheureusement, il namp;rsquoexiste pas damp;rsquooutil 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 lamp;rsquoaffirmative, assurez que lamp;rsquoéchantillon de lamp;rsquoenquête est suffisamment grand pour permettre une moyenne plus précise du temps de chargement perçu sur le site. Avec cette information, pouvez encore améliorer lamp;rsquoexpé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 damp;rsquooptimiser les ressources pour rendre votre site super rapide. Mais en fin de compte, lamp;rsquoamélioration de la performance perçue du site Web aura un impact énorme sur lamp;rsquoexpérience utilisateur du site. Les utilisateurs namp;rsquoaiment pas attendre. En changeant la façon dont le site est chargé et en donnant la priorité au téléchargement de certains contenus, 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 devriez toujours tester les performances de WordPress. Lamp;rsquoamélioration du rendement perçu du site Web ne devrait pas se substituer à lamp;rsquoaugmentation de la vitesse cible du site.
Qu&rsquoest ce que tu veux faire? Est la performance perçue et pourquoi il est nécessaire de l&rsquooptimiser
