Optimisation | Facteur important en UX

L’optimisation de la performance des sites, le point central de la conception de sites technologiquement supérieurs est le facteur principal dictant le succès des entreprises modernes en ligne. Après tout, la performance peu impressionnante d’un site tue les résultats financiers des entreprises lorsque la torture d’attendre que les pages lentes se chargent frustre les visiteurs à la recherche d’alternatives – l’impatience est une vertu numérique !

---

LA VITESSE VEND!

Il est important d’avoir un site à chargement rapide ! D’innombrables études et benchmarks prouvent que l’optimisation de la vitesse de vos sites est l’un des investissements les plus abordables et les plus rentables !

Le chargement des pages à la vitesse de la lumière amplifie l’engagement et la fidélisation des visiteurs et stimule les ventes. Une réponse instantanée du site entraîne des taux de conversion plus élevés, et chaque retard d’une seconde dans le chargement des pages diminue la satisfaction des clients de 19%, le nombre de pages vues de 16% et les taux de conversion de 9%, selon une étude récente du Groupe Aberdeen.

Le terme vitesse de page désigne essentiellement la durée pendant laquelle les pages ou le contenu multimédia sont téléchargés à partir des serveurs d’hébergement de site et affichés sur le navigateur demandeur. Le temps de chargement de la page est la durée entre le moment où l’on clique sur le lien et celui où l’on affiche tout le contenu de la page sur le navigateur demandeur.

Il y a trois aspects fondamentaux nécessaires pour comprendre la vitesse de page dans le contexte de l’expérience utilisateur et de la performance du site :

• L’affichage du temps pris pour livrer au navigateur le matériel demandé ainsi que le contenu HTML qui l’accompagne.
• Réponse du navigateur aux demandes de chargement de pages.
• La vue de l’utilisateur final en tant que page demandée est affichée sur le navigateur – il s’agit de la mesure empirique ultime de la vitesse de chargement des pages.

La performance du site a par la suite une incidence sur le classement des moteurs de recherche établi selon des algorithmes exclusifs et non divulgués, en tenant compte de facteurs clés comme la vitesse des pages, l’expérience de l’utilisateur, la réactivité du site et un grand nombre d’autres paramètres de performance du site.

Le principe absolument essentiel pour maximiser les performances d’un site est de se concentrer sur l’optimisation de la vitesse des pages à partir de zéro. Les extensions d’optimisation des performances, les scripts côté serveur et les modifications finales ont un impact minime – quoique perceptible – sur la vitesse des pages et les temps de chargement. Pourtant, les développeurs et les propriétaires d’entreprises en ligne ont tendance à négliger les temps de chargement des pages dans leurs stratégies de développement et de conception de sites.

---

LENT? LENT COMMENT?

Tout ce qui est plus lent qu’un clignement des yeux – 400 millisecondes. Les ingénieurs de Google ont découvert que le temps de chargement des pages à peine perceptible de 0,4 secondes est assez long pour inciter les utilisateurs à moins chercher.

La technologie a parcouru un long chemin pour améliorer l’expérience Internet. Le cybermonde surpeuplé des années 1990 a souvent été étiqueté comme le World Wide Wait, mais les innovations dans les technologies de communication et de réseau ont révolutionné la façon dont l’information numérique est transmise sur Internet. La prochaine génération d’entreprises en ligne dispose de toutes les ressources dont elle a besoin pour diffuser du contenu instantanément, mais pour tirer parti de ces ressources et les compléter, les entreprises ont besoin de sites optimisés pour offrir la meilleure expérience utilisateur.

Harry Shum, spécialiste de la vitesse chez Microsoft et informaticien, croit que 0,25 seconde de différence dans le temps de chargement des pages – plus rapide ou plus lent – est le chiffre magique qui dicte les avantages concurrentiels des entreprises en ligne.

Et que se passe-t-il s’ils ne le font pas ?

1 visiteur sur 4 abandonnerait le site s’il faut plus de 4 secondes pour le charger. 46% des utilisateurs ne revisitent pas les sites peu performants. Les propriétaires de sites n’ont que 5 secondes pour engager les visiteurs avant qu’ils n’envisagent de partir. 74% des utilisateurs accédant au site mobile quitteraient le site s’il faut plus de 5 secondes pour le charger. Chaque seconde de retard dans le temps de chargement des pages pourrait entraîner des pertes annuelles de 1,6 milliard de dollars pour des marchands en ligne aussi importants qu’Amazon.

47% des clients de commerce électronique s’attendent à un temps de chargement des pages de moins de deux secondes avant de songer à quitter le site – 40% des utilisateurs abandonneraient le site à la troisième seconde d’attente, avant même qu’un outil d’analyse de performance ne capture leur présence sur le site. Le temps de chargement de pointe moyen pour les conversions n’est que de 2 secondes – plus rapide que les millions de sites qui existent.

Et que se passe-t-il quand ils accélèrent ?

Quand Mozilla a augmenté la vitesse de la page de 2,2 secondes, les chiffres de téléchargement de Firefox ont augmenté de 15,4% ou 10 millions par an ! Walmart a constaté une augmentation de 2% des taux de conversion pour chaque seconde d’amélioration du temps de chargement des pages. Les chiffres ne mentent pas !

---

PERFORMANCE ACCEPTABLE DU SITE – LA NEUROSCIENCE ET LE RYTHME

100 millisecondes. C’est la durée pendant laquelle le lobe occipital de notre cerveau stocke l’information visuelle comme une mémoire sensorielle.

Les chercheurs de Google suggèrent que des temps de chargement de page inférieurs à 100 millisecondes donnent aux visiteurs l’illusion d’une réponse instantanée du site car le processeur de mémoire sensorielle visuelle de notre cerveau fonctionne par rafales de 100 millisecondes. La mémoire s’efface d’elle-même après 0,1 seconde car les cellules photoréceptrices dans les yeux transmettent plus d’informations au lobe occipital.

Une seconde de temps de chargement de page suffit pour maintenir un flux de pensée continu – les utilisateurs se sentent en contrôle de leurs activités de navigation sur le Web, et le stress mental n’est pas aggravé à moins que le site ne réponde pas comme souhaité.

Avec 10 secondes de retard, l’attention des visiteurs est à peine maintenue. La sensation d’impatience, de frustration et de sentiment d’abandon est habituellement assez forte pour empêcher les visiteurs de visiter de nouveau des sites aussi lents.

L’énigme psychologique pragmatique

Cependant, l’abandon d’un site en raison de la lenteur des pages n’est pas toujours le moyen le plus rapide d’accéder à l’information souhaitée sur le Web. Un utilisateur moyen passerait plusieurs minutes supplémentaires à naviguer sur des sites à réponse rapide mais non pertinents, au lieu d’attendre quelques secondes de plus pour que des sites pertinents lents répondent.

La performance impacte les ventes

La performance d’un site est l’expérience de l’utilisateur – la puissance de la vitesse de la page, se traduisant par une expérience d’achat en ligne attrayante, inspire les chiffres de vente et détermine finalement le succès des affaires en ligne. Le pivot de l’industrie Google a commencé à prendre en compte la vitesse de la page dans ses algorithmes de recherche propriétaires depuis qu’il a subi les répercussions fascinantes des défaillances de performance des sites ayant un impact sur les ventes. Le géant des moteurs de recherche a connu une fois un effondrement de 20% du trafic résultant d’un retard d’une demi-seconde dans les temps de chargement des pages.

Si Google a rapidement résolu le problème qui a à peine réduit sa part de marché, ce n’est pas toujours le cas des entreprises en ligne qui n’ont pas encore établi leur présence sur le marché concurrentiel en ligne.

Q : Comment la performance d’un site influe-t-elle sur les ventes d’une entreprise en ligne moyenne ?

R : Dramatiquement, c’est la seule réponse !

La société de conseil Forrester a récemment étudié l’état des attentes des consommateurs en matière d’achats en ligne et a évalué comment les sites sous-performants tuent les résultats financiers des entreprises alors que les performances de haut niveau des sites stimulent rapidement les ventes.

L’étude révèle que 88% des internautes choisissent des vendeurs en ligne offrant une expérience conviviale et performante, et que près de 50% abandonnent les sites qui ne se chargent pas en moins de 3 secondes.

Ces actions ont donc un impact sur les ventes. 79% des clients insatisfaits ne revisitent plus les sites sous-performants – sauf lorsque vous êtes Google ou Amazon. 46% des clients insatisfaits développent une impression négative durable et 44% partagent leur expérience d’achat avec le reste du monde. Les implications vont bien au-delà du cybermonde, puisque 87% des clients font leurs achats en ligne et dans les magasins de vente au détail de briques et de mortier.

Bien que la qualité du service et des produits ait apparemment le plus grand impact sur les ventes commerciales, la conversion des visiteurs du site en clients acheteurs dans le cybermonde dépend en grande partie du développement d’une impression positive du client. Et c’est là qu’interviennent les paramètres de performance des sites de commerce électronique, tels que la vitesse de page ultra-rapide et la rapidité des processus de paiement, donnant aux clients une impression psychologique positive qui encourage les ventes et la fidélisation de la clientèle.

Impact des performances sur la conversion

En tant que mesure Internet la plus importante et la plus puissante pour les entreprises en ligne, les taux de conversion dépendent globalement des indicateurs clés de performance (ICP ou KPI) des sites pour établir les avantages concurrentiels des plateformes de vente en ligne.

Dans le cybermonde, les campagnes de marketing traditionnelles ne peuvent à elles seules augmenter les taux de conversion sans améliorer l’expérience de l’utilisateur du site, notamment la vitesse des pages et la réactivité du site.

La campagne de collecte de fonds de M. Obama pendant les élections présidentielles de 2011 a permis d’amasser 34 millions de dollars supplémentaires lorsque le temps de chargement des pages du site Obama for America est passé de 5 secondes à 2 secondes, soit une augmentation de 14% de la conversion des dons avec seulement 3 secondes d’amélioration des performances du site !

Amener des clients potentiels à la porte des magasins physique exige souvent une campagne de marketing et de publicité bien planifiée. Et une fois que les clients entrent dans le magasin, ils ne partent généralement pas sans un achat.

Il faut beaucoup moins d’efforts pour amener les clients en ligne à visiter une boutique en ligne – les internautes n’ont rien contre quelques clics pour ouvrir les pages qu’ils n’ont jamais visitées auparavant. L’optimisation des moteurs de recherche et les publicités sur les réseaux sociaux font souvent l’affaire.

Il est tout aussi pratique pour les visiteurs est de quitter le site si l’information requise n’est pas disponible en quelques secondes – pour les visiteurs non impressionnés, cela ne prend pas beaucoup plus que quelques clics de travers !

L’expérience de l’utilisateur en termes de performance et de réactivité du site devient donc le facteur ultime ayant un impact sur les taux de conversion sur les places de marchés en ligne. Le commerce électronique est d’abord et avant tout une question de commodité pour les clients et d’atteindre efficacement les clients potentiels avec la bonne information, les bons produits et les bons services au bon moment.

Ni l’un ni l’autre n’est possible sans une vitesse de page plus rapide que celle à laquelle les utilisateurs abandonnent leurs visites pour des raisons de performance du site. Vous n’êtes pas au courant de l’impact de la performance de votre site sur les taux de conversion ? Des outils comme Test My Site de Google peuvent aider à répondre à la question (voir l’exemple ci-dessous).

Impact des performances sur l’engagement des utilisateurs

Les statistiques d’engagement des utilisateurs alimentent le chaudron de l’analyse des sites en développant les meilleures stratégies pour optimiser les ventes en ligne. Les entreprises en ligne établies dans le cyber-espace concurrentiel comprennent bien l’importance de la performance des sites et des outils qui analysent et prédisent les meilleures actions à venir en corrélation avec la vitesse des pages et les revenus.

L’amélioration de l’information sur l’engagement des utilisateurs grâce à des sites réactifs et à chargement rapide est souvent perçue comme un indicateur de la réussite des affaires en ligne. L’engagement de l’utilisateur dépend fortement des limites humaines de stockage de la mémoire à court terme au-delà de quelques secondes, et des aspirations humaines de se sentir en contrôle de la machine en toutes circonstances.

Pour les sites sous-performants – la sous-performance étant un terme relatif – le temps de chargement des pages dépasse les limites humaines, alors que l’incapacité à traiter les demandes des utilisateurs donne l’impression fausse d’ignorance ou d’incompétence à fournir la réponse souhaitée avec efficacité et précision.

D’autre part, les sites très performants – remarquez que le terme « très performant » est aussi un terme relatif – ont un impact sur trois paramètres qui déterminent l’engagement des utilisateurs : leurs sentiments, leur état mental et les interactions avec les utilisateurs. Ces trois aspects créent un lien émotionnel, cognitif et comportemental entre les visiteurs humains (pas grand-chose à propos des robots !) et le site.

Avec cette connexion en place, les entreprises en ligne peuvent exploiter les caractères d’engagement de l’utilisateur tels que l’attention ciblée, la motivation et la confiance dans la conversion des visiteurs en clients, des clients réguliers et même des ambassadeurs de marque générant des traces à travers les réseaux sociaux et en dehors du monde Internet.

Impact des performances sur les dépenses d’exploitation

Alors que l’investissement dans l’optimisation des performances du site ajoute aux dépenses d’exploitation en faveur d’une réduction de quelques secondes du temps de chargement des pages, le retour sur investissement se traduit inévitablement par une augmentation des revenus et une diminution des coûts opérationnels et des investissements matériels.

Le géant du commerce électronique Shopzilla a vu son budget d’exploitation diminuer de 50% en réduisant le temps de chargement des pages de 7 secondes à 2 secondes. L’amélioration des performances grâce à une refonte de la conception du site a permis à l’entreprise d’utiliser les mêmes ressources matérielles pour traiter efficacement le même nombre de demandes des utilisateurs du site. L’amélioration de la réactivité du site a également permis d’augmenter les revenus de 12%, car le magasin a pu faire face à l’augmentation du trafic sans entraîner d’investissements supplémentaires dans l’expansion des ressources matérielles en conséquence.

L’amélioration des indicateurs de performance clés du site permet également d’améliorer le score de qualité Google AdWords et, par conséquent, de réduire le coût par clic (CPC). Les entreprises en ligne avec un score de haute qualité et la vitesse de la page sont en mesure de dépenser le budget de publicité de manière efficace et efficiente, maximisant ainsi la portée et attirant les clients sans avoir besoin de dépenses d’exploitation supplémentaires.

Un ralentissement, par contre, minimise l’utilisation des ressources. Bing a mené une étude indépendante sur les performances de son site affectant les revenus et a constaté qu’un retard de 2 secondes dans la livraison des requêtes de recherche a subi une perte de revenus de 4,3% par utilisateur.

Et le comportement du client ne change pas radicalement lorsque les retards sont supprimés. Lorsque Google a supprimé un délai de 0,4 secondes pour fournir les résultats de recherche, les utilisateurs ont quand même effectué 0,21% de recherches en moins, même si la page fonctionne de façon optimale.

Des efforts supplémentaires dans l’amélioration des performances du site Web peuvent étirer temporairement les dépenses d’exploitation, mais le compromis est en fin de compte justifié car les investissements supplémentaires se traduisent par des résultats nets plus élevés, des flux de revenus accrus et des dépenses opérationnelles minimales.

Impacts des performances sur la facilité d’utilisation

Les sites dont la courbe d’apprentissage est la plus abrupte permettent d’obtenir le meilleur taux d’immobilisation de la clientèle. Les internautes considèrent le temps qu’il faut pour apprendre à utiliser d’autres sites comme un coût de changement important, qui sert de mécanisme pour les enfermer dans des services en ligne offerts par des sites à haute performance.

Les éléments de la relation entre la facilité d’utilisation du site et la fidélité de la clientèle sont liés aux indicateurs clé de performance du site, y compris la vitesse des pages, le temps de chargement et la réactivité du site aux demandes des utilisateurs. Un modèle hypothétique d’optimisation de la vitesse d’un site tient compte de ces éléments, avec des caractéristiques telles que la confiance dans le site, l’interactivité et la pertinence de l’information considérées comme un sous-ensemble de la convivialité du site pour les utilisateurs finaux.

De même, les robots d’exploration et les moteurs de recherche mesurent la performance des sites en termes de vitesse de page, de navigabilité, d’expérience utilisateur, de réactivité et d’accessibilité à un public mondial comme un sous-ensemble de l’optimisation des moteurs de recherche ayant un impact sur les classements de recherche.

Les utilisateurs finaux s’attendent à ce que les caractéristiques suivantes influent sur la convivialité des sites :

Facile à utiliser, à naviguer et à comprendre.

• Fournir directement l’information pertinente et les contrôles recherchés.
• Accessible à travers toutes formes d’appareil, machines, systèmes d’exploitation, navigateurs et emplacements géographiques.
• Fournir des informations, des produits et des services légitimes, crédibles et de haute qualité avec un minimum de clics et de requêtes par navigateur.

La réalisation de ces objectifs est vitale pour maximiser la performance du site, la convivialité et la fidélité de la clientèle, qui sont tous les éléments qui se chevauchent dans le système unique qui fonctionne comme un canal vers le succès commercial en ligne.

---

LA VITESSE OPTIMISÉE DES SITES MOBILES ÉCLIPSE CELLE DE L’ORDINATEUR

Le mobile est l’avenir de tout ce qui est câblé. L’adoption monte en flèche alors que l’assaut des appareils mobiles semble englober l’ensemble de la race humaine – 2,32 milliards d’abonnements à des téléphones intelligents, soit environ 30% de la population mondiale en 2017. Et les marées montantes de répercussions stimulantes continuent de perturber les entreprises en ligne qui font à peine une percée dans le segment du marketing Internet mobile.

Le succès dans le cybermonde dépend de la capacité d’adopter une approche axée d’abord sur le mobile pour atteindre la population croissante d’abonnés mobiles. Et pour les organisations qui s’efforcent d’atteindre efficacement la population mobile massive, les récompenses inimaginables se profilent à l’horizon.

Mobile ou ordinateur de bureau ?

Le marketing Internet de bureau, d’un autre côté, est tellement de la dernière décennie. Recherchez sur Google les termes « Ère Post PC », « Chute libre des ventes de PC » et « Mort des ordinateurs de bureau », et ce qui revient est une myriade journalistique dépeignant un avenir sombre pour les organisations qui s’attardent encore uniquement autour de la base des utilisateurs d’Internet de bureau.

Pour ces traînards de l’industrie, il n’est pas encore trop tard pour adopter une stratégie axée d’abord sur le mobile. Cependant, cette approche n’est pas toujours payante pour les entreprises en ligne tournées vers l’avenir lorsqu’elles ne parviennent pas à optimiser leur portée vers une base d’utilisateurs mobiles.

Il ne s’agit pas tant de prendre une fausse direction en matière de mobilité que de passer à côté de quelques étapes vitales et de ne pas combler le vide pour atteindre les clients mobiles de manière efficace et efficiente. Ces lacunes sont dues à l’absence de sites mobiles réactifs et performants.

Mobile ou ordinateur de bureau – Pourquoi est-ce important ?

Parce que tout le monde le fait, pour commencer. La concurrence pour l’espace mobile est intense et en 2014, le PDG de Yahoo l’a qualifié de « point de bascule » pour Internet. Et il avait raison ! Stone Temple a tiré quelques statistiques de Similar Web en 2017 et sans surprise, le mobile représentait plus de 50% du trafic basé sur 77 milliards de visites de sites.

Voici quelques statistiques supplémentaires :

• 87% des citoyens américains possèdent des appareils mobiles.
• 45% sont des smartphones.
• 90% d’entre eux se connectent en ligne via le mobile.
• Ces utilisateurs mobiles passent en moyenne 1,4 heure par jour à naviguer sur Internet mobile.
• 74% abandonneraient les sites mobiles qui ne se chargent pas dans les 5 secondes.

L’accent devrait être mis sur le traitement séparé des deux entités – mobile et ordinateur de bureau – au moins du point de vue de la conception du site. Sans cette stratégie, l’expérience de l’utilisateur mobile dans l’accès aux versions de bureau des sites est généralement compromise en termes de temps de chargement des pages, de convivialité et de fonctionnalité. Le fait de compromettre ces aspects essentiels des sites mobiles peut forcer les entreprises en ligne à faire face aux conséquences négatives évidentes, notamment :

• Faibles achats mobiles : Les acheteurs d’Internet mobile ont une capacité d’attention plus courte et une patience moindre que les utilisateurs d’Internet de bureau.
• Perdre la compétition : Selon une enquête menée auprès de plus d’un millier d’utilisateurs américains de smartphones adultes, près de 75% des personnes interrogées ont déclaré qu’elles préféraient revisiter les sites de commerce électronique mobile qui offrent une expérience d’utilisateur mobile haut de gamme.
• Perdre de la valeur de la marque : Les sites mobiles mal conçus qui réduisent simplement le HTML de la version complète d’un site d’ordinateur de bureau pour que les visiteurs puissent zoomer en avant et en arrière en naviguant dans les pages mobiles rendent les utilisateurs moins susceptibles de s’engager avec l’entreprise dans l’avenir.

Ces conséquences vont à l’encontre des principaux objectifs suivants, qui sont d’atteindre les clients par le biais de l’Internet mobile :

• Élargissement de la clientèle.
• Nouvelles options de publicité.
• Offrir des services de qualité de manière efficace et à la convenance de l’utilisateur.
• Et le plus inquiétant, c’est l’inévitabilité d’adopter de façon productive le Web mobile pour le développement des affaires.

Le bureau et le mobile diffèrent par les ressources technologiques, le facteur de forme et l’interface utilisateur – tous les aspects régissant les implémentations d’optimisation des performances du site. Sans optimiser les sites mobiles séparément pour offrir les meilleures performances des sites mobiles, plusieurs indicateurs clés de performance du site se dégradent et ont un impact négatif sur l’expérience de l’utilisateur mobile.

Et comme les technologies mobiles permettent aux utilisateurs de faire des recherches sur le Web en déplacement, debout, en marchant ou même allongés confortablement sur le canapé, la soif de contrôler les opérations du site pousse les attentes des utilisateurs au-delà des normes conventionnelles applicables uniquement dans le cadre du bureau. La capacité à diffuser du contenu de sites mobiles dans ce court laps de temps d’attention d’environ 2 secondes fait toute la différence pour fidéliser les clients et établir une relation commerciale à long terme avec les utilisateurs d’Internet mobile.

Comment améliorer la vitesse du site ?

Le développement d’un excellent site demande beaucoup de travail. Des entreprises en ligne de premier plan tirent parti de leur expérience éprouvée, de leurs compétences surnaturelles en développement et d’un service d’hébergement hors pair pour développer des sites offrant des chiffres de performance et une expérience utilisateur de premier ordre. Mais pour ceux qui manquent ce point de départ dans leur recherche de sites optimisés pour la vitesse, l’utilisation d’une approche minimaliste dans l’exécution de simples tactiques d’optimisation de la vitesse des pages fonctionne (presque) assez bien pour réparer les sites lents.

La connaissance de l’investissement dans le bon ensemble de solutions et de services d’optimisation de la vitesse du site, la gestion du site et peut-être même la supercherie de codage est essentielle pour obtenir une performance maximale du site. Les décisions d’affaires stratégiques basées sur ces connaissances contribuent directement à l’amélioration de la performance du site qui, à son tour, mène à de meilleures ventes en ligne, des prospects, des conversions et finalement le succès commercial.

---

OPTIMISATION DE LA VITESSE DU SITE

L’optimisation est le mot à la mode du succès dans le cybermonde. Le cyberespace, comme le monde physique réel des planètes, des étoiles et des galaxies, est lui-même en évolution – un état de changement et d’évolution continus. En fait, le changement est le seul processus cohérent à la fois dans le monde réel et dans le cybermonde. La survie dans ces espaces dépend de la capacité des habitants à s’adapter aux ressources et aux conditions environnementales.

Il en va de même pour les propriétaires de sites qui se disputent le succès des affaires en ligne dans un contexte où les tendances du marché varient, où le comportement des visiteurs d’Internet change, où les progrès des cyber-technologies atteignent des vitesses folles sous la loi de Moore et où les géants des moteurs de recherche établissent diverses normes de performance des sites.

Bricolage d’optimisation de la vitesse

Les propriétaires d’entreprises en ligne et les webmasters adaptent leurs sites pour maintenir des résultats optimaux sous la pression constante du changement en improvisant et en optimisant les éléments clés de la conception de site qui font ou cassent la vitesse de page.

Optimisation de l’image

En règle générale, les fichiers plus volumineux prennent plus de temps à télécharger que les fichiers plus petits. Le temps de téléchargement des pages, aussi connu sous le nom de temps de chargement des pages, dépend de la taille totale des ressources de contenu téléchargées depuis les serveurs d’hébergement vers le navigateur demandeur. Les images volumineuses de haute qualité sont celles qui contribuent le plus à la taille de la page, dégradent la vitesse de la page et agacent les visiteurs qui attendent impatiemment le chargement de la page.

Selon HTTP Archive, en décembre 2017, les images représentaient en moyenne 66% du poids total d’une page. Les meilleures pratiques d’optimisation d’images suivantes contribuent grandement à réduire l’impact négatif des images sur la vitesse du site :

Sélection du format : Utilisez le JPG ou les WEBPs lorsque la qualité est une priorité élevée et qu’il n’est pas nécessaire de modifier l’image avant de la télécharger. Le JPG peuvent subir un traitement et des modifications limités avant que la qualité de l’image ne se dégrade fortement. Pour les images avec icônes, logos, illustrations, signes et textes, utilisez le format PNG. N’utilisez le GIF que pour des images petites ou simples et évitez le BMP ou le TIFF.

Dimensionnement approprié : Économisez de précieux octets de charge utile d’image et faites correspondre les dimensions (largeur) de votre modèle de page. Utilisez les fonctions de redimensionnement du navigateur pour rendre les images réactives en définissant des instructions de largeur fixe et de hauteur automatique.

Compression : La compression d’image doit être un compromis judicieux entre la taille et la qualité de l’image. Pour le JPG, une compression de 60 à 70% produit un bon équilibre. Pour les écrans rétina, augmentez la taille de l’image (JPG) de 150 à 200%, compressez-la de 30 à 40% et réduisez-la de nouveau selon les dimensions requises.

Moins d’images : Limitez le nombre d’images à un minimum absolu.

Optimiser le code CSS et la livraison

Il n’y a pas si longtemps, 30 Ko étaient considérés comme la taille idéale d’une page. Et cela comprenait les images, le contenu, les graphiques et la création de code pour l’ensemble de la page. La popularité du CSS et du JavaScript a déchiré le plafond de 30 Ko de taille de page en offrant une expérience utilisateur enrichie.

Pourtant, les sites modernes codés en CSS sont plus aptes à télécharger du contenu depuis les serveurs d’hébergement jusqu’aux navigateurs demandeurs de manière efficace et précise. L’optimisation ne consiste donc pas uniquement à réduire la taille des fichiers. Les meilleures pratiques suivantes garantissent une livraison CSS rapide et optimisée :

Livraison CSS optimisée

Codage abrégé : Réduisez la taille de votre code en utilisant moins de déclarations et d’opérateurs. Moins de lignes de code signifie moins de cycles de traitement et une livraison efficace des fichiers du site aux navigateurs qui en font la demande.

Hacks CSS spécifiques à Axe Browser : CSS est en danger à cause de la complexité infinie des piratages spécifiques aux navigateurs – ou des déclarations correctionnelles comme on les appelle – qui ajoutent un poids inutile aux fichiers de script CSS. Le code CSS optimisé pour la vitesse est à la fois léger et simple à traiter efficacement par les serveurs.

Minifier le CSS : Presque tous les outils de surveillance de la vitesse des sites donnent une suggestion commune de réduire le poids du code CSS pour améliorer la vitesse. Le code léger et compact permet d’accélérer le téléchargement, l’analyse et l’exécution pour réduire considérablement le temps de chargement des pages.

Positionnement du code : Chargez le code CSS à l’intérieur du <head> et JavaScript à l’intérieur du corps, car le référencement CSS en dehors de cette section empêche les navigateurs d’afficher le contenu CSS immédiatement après son téléchargement.

Minification – JavaScript, CSS, HTML

En effet, l’optimisation de la vitesse n’est pas (seulement) une question de réduction de la taille de la page. La réduction du nombre de requêtes client-serveur dans la livraison du contenu du site aux navigateurs fait partie intégrante de l’optimisation de la vitesse du site. Les webmasters peuvent y parvenir en ne faisant pas trop de demandes CSS, HTML et JavaScript. Bien que le nombre de requêtes ne soit plus aussi important qu’avant grâce aux améliorations apportées par HTTP/2. Cela veut dire, optimiser, réduire au minimum et écraser toutes les lignes de code inutiles et compressables.

La minimisation est particulièrement importante pour les fichiers JavaScript en ligne et les fichiers externes non mis en cache. Google recommande de réduire au minimum tous les fichiers JavaScript de plus de 4096 octets de taille et de raser au moins 25 octets pour produire toute différence notable par rapport au temps de chargement des pages.

Compression

Une approche rigoureuse de la conception d’un site optimisé pour la vitesse incorporerait une forte intention d’éliminer les octets inutiles du code. L’utilisation de tout l’espace de codage disponible, la suppression des espaces supplémentaires, des indentations et des interlignes tout en maintenant la lisibilité du code réduit la taille globale du cœur et de l’interface publique du site. Et pour les sites déjà développés sans cette stratégie en perspective, la combinaison de plusieurs requêtes de serveur (pour HTML, JavaScript et CSS) en requêtes uniques permet de réduire considérablement le temps de chargement des pages.

Cependant, une surabondance dans la Minification HTML peut conduire à une perte de fidélité du code du site, les agents utilisateurs prenant des cycles de mémoire excessifs et la puissance du CPU à « deviner » les ressources manquantes requises pour analyser les fichiers HTML. Le suivi des changements de performance de chargement des pages en réponse à la mise en œuvre de chaque processus de minification permet de s’assurer que seuls le code et les espaces inutiles sont supprimés.

La minimisation des CSS, JavaScript et HTML présente des avantages communs : latence réseau réduite, moins de requêtes HTML, compression améliorée, téléchargement et exécution du navigateur plus rapides, ce qui augmente la vitesse des pages et donne de meilleurs résultats pour les outils de mesure de la vitesse des sites Web.

Extensions – Moins c’est mieux !

Les fonctionnalités supplémentaires du site avec les extensions ont un prix : la dégradation des performances. Malheureusement, les webmasters déploient une myriade d’extensions pour ajouter des fonctionnalités attrayantes mais souvent inutiles telles que gravatar, outils de profil, statistiques de site et outils de police – certains utilisent même 10 extensions différentes pour l’intégration des réseaux sociaux. Le seul avantage ici est d’éviter avec succès le codage manuel.

De nombreux sites populaires transportent jusqu’à 80 extensions. Cependant, le nombre n’est pas entièrement un problème si les extensions installées sont bien développées pour éviter des actions complexes et un traitement serveur coûteux.

Nombre d’extensions

Quatre grands domaines à considérer lorsqu’il s’agit de choisir des extensions de haute qualité :

• Elle effectue des opérations complexes ?
• Elle charge de nombreux contenus et scripts ?
• Elle augmente le nombre de requêtes dans la base de données à chaque demande de page ?
• Elle exécute des requêtes vers des API externes ?

Si la réponse à toutes ces questions est OUI, votre réaction à l’extension en question devrait être un énorme NON !

Maintenant à la grande question, à partir de combien d’extensions c’est trop ?

Bien qu’il n’y ait pas de réponse complète à cette question, les limitations sont uniques à chaque site et extension. Beaucoup d’experts WordPress recommandent de ne pas utiliser trop d’extensions. Mais de nombreux sites performants hébergent plus de 80 extensions, jusqu’à ce qu’ils installent une extension de mauvaise qualité qui ajoute une demi-seconde au temps de chargement des pages.

De même, utiliser 10 extensions pour des tâches simples et uniques est bien mieux que de déployer une seule extension pour effectuer toutes les tâches complexes. Les exceptions incluent les extensions de haute qualité par des développeurs crédibles, tels que Yoast WordPress SEO, All In One SEO Pack, (plugins WordPress SEO gratuits) etc.

Limiter/Désactiver les révisions WordPress

La gestion des révisions est l’un des avantages qu’offre WordPress. Le CMS garde automatiquement la trace du contenu créé sur le CMS et le rend disponible pour de futures modifications. Pour le serveur, cela coûte des traitements inutiles par le biais d’entrées de base de données supplémentaires qui ne sont pas réellement nécessaires en premier lieu. Le contrôle du nombre de révisions stockées libère le cœur du site d’une charge inutile.

Optimiser les bases de données

WordPress CMS stocke les articles, commentaires, pages et autres formes de données textuelles et cryptées dans une seule base de données – à l’exception des images et vidéos qui sont stockées dans le répertoire “wp_content”. Cette base de données est surpeuplée au fil du temps, non seulement avec du contenu inutile et des révisions d’articles, mais aussi avec des données inutiles.

Le contenu inutile comprend :

• Commentaires dans la file d’attente des spams
• Commentaires non approuvés
• Révisions d’articles
• Les éléments mis à la corbeille tels que les articles et les pages

L’optimisation des bases de données consiste à se débarrasser des données et du contenu inutiles des bases de données encombrées, à en réduire la taille et à faciliter la tâche des serveurs d’hébergement de sites pour récupérer efficacement le contenu demandé, dans des cycles de traitement minimum. Cela peut également impliquer de vous assurer que vous utilisez InnoDB pour vos tables de base de données MySQL, par opposition à MyISAM. Apprenez comment convertir myISAM en InnoDB.

La table wp_options est aussi souvent négligée lorsqu’il s’agit de la performance globale de WordPress et de la base de données. Surtout sur les sites plus anciens et plus grands, cela peut être la cause de la lenteur des requêtes sur votre site en raison des données chargées automatiquement qui sont laissées derrière par les extensions et les thèmes tiers. Consultez notre guide pour savoir comment nettoyer votre table wp_options.

Compression

Selon Google, chaque jour, le cybermonde voit 99 ans d’années humaines gaspillées à cause de contenus non compressés. Et bien que la plupart des navigateurs les plus récents prennent en charge les capacités de compression de contenu, ce ne sont pas tous les sites qui offrent des contenus compressés. Les visiteurs de ces sites monopolisant la bande passante ont des interactions extrêmement lentes avec les pages. Les principales raisons de ce comportement défavorable (et la plupart du temps involontaire) du site comprennent les serveurs d’hébergement mal configurés, les serveurs proxy, les navigateurs anciens ou buggés et les logiciels antivirus.

Le contenu non compressé nuit aux utilisateurs à bande passante restreinte qui reçoivent le contenu dans des délais de chargement de pages extrêmement longs. Voici la transcription d’une communication commune navigateur-serveur dans la livraison de contenu non compressé :

Compression HTML

La plus grande partie du problème réside dans la façon dont la communication client-serveur se déroule dans le monde HTML. Les fichiers HTML (qui constituent la quasi-totalité du contenu Web) comprennent plusieurs instances de code redondantes. <Tags>, <Alts>, <HTML> et autres sont tous les mêmes choses qui se matérialisent à répétition.

Google recommande les tactiques de compression suivantes pour diffuser efficacement le contenu du site Web :

• Minifier le JavaScript, HTML et CSS
  • Assurer la cohérence du code CSS et HTML avec les techniques suivantes :
  • Enveloppe cohérente – le plus souvent en minuscules.
  • Citation cohérente des attributs des balises HTML.
  • Spécifiez les attributs HTML dans le même ordre.
  • Spécifiez les paires clé-valeur CSS dans le même ordre en les classant par ordre alphabétique.
  • Activer la compression GZIP. GZIP trouve des chaînes de caractères et des instances de code similaires, les remplace temporairement par des caractères plus courts. Les navigateurs décompressent les fichiers gzippés, les ramenant à leur forme originale.

• Cache
  • Les développeurs recherchent la simplicité dans le code de conception de site. Un code de site plus facile à créer, à lire et à maintenir mène à des processus de développement de site efficaces. Ceci inclut l’utilisation fréquente des fonctions de code disponibles pour couper court au codage extensif pour des fonctionnalités spécifiques du site.
  • Cependant, l’ajout d’un trop grand nombre de boucles et de lignes de code inutiles augmente le temps de rendu des pages de quelques millisecondes. Avec l’afflux d’un torrent de trafic sur le site, les millisecondes s’additionnent pour faire chuter la vitesse de la page bien en dessous des normes acceptables.
  • Les webmasters peuvent réduire ces temps de réponse en délivrant des copies en cache du contenu demandé au lieu de l’afficher de façon répétée en réponse à chaque demande d’un utilisateur qui envoie un ping à son serveur. Le cache est le mécanisme de stockage temporaire de copies du contenu pour répondre aux demandes ultérieures des utilisateurs de la base de données du cache lorsque des conditions spécifiques sont remplies. Ce processus réduit le nombre d’allers-retours client-serveur pour livrer le contenu (statique) du site aux navigateurs qui en font la demande.

• Mise en cache des fragments
  • C’est l’art de mettre en cache de plus petits éléments du contenu dynamique impossible à mettre en cache d’un site. Lorsque des pages contenant du contenu statique et/ou dynamique sont chargées, les serveurs d’hébergement traitent le code PHP et interrogent les bases de données MySQL pour récupérer le contenu demandé. Ces processus qui prennent beaucoup de temps et de ressources sont contournés en délivrant la sortie souhaitée stockée en mémoire cache.
  • La mise en cache des fragments stocke la sortie de certains blocs de code qui restent inchangés dans les différentes versions du contenu dynamique. Lorsque le code s’exécute et atteint le bloc de code mis en cache pendant une durée prédéterminée, le serveur interroge et délivre la sortie mise en cache de ce code au lieu de l’exécuter plusieurs fois jusqu’à ce que la limite de temps soit atteinte.
  • Le résultat final est un contenu de site optimisé pour une vitesse de page maximale, même pour les sites de commerce électronique et les sites basés sur les membres qui traitent un contenu très dynamique. Kinsta fournit en fait quatre types différents de mise en cache, qui sont toutes effectuées automatiquement au niveau du logiciel ou du serveur. Il n’est donc pas nécessaire d’utiliser des extensions tierces.

• Réseaux de diffusion de contenu (CDN)
  • CDN est une extension de l’optimisation du cache conçue pour suralimenter les performances des sites visant spécifiquement à disperser le trafic à l’échelle mondiale. Les CDN sont constitués d’un réseau de serveurs hébergeant des copies en cache de pages. Les internautes qui demandent ces informations sont dirigés vers le serveur le plus proche au sein de ce réseau en fonction de leur situation géographique.
  • Les avantages traditionnels du CDN, notamment l’amélioration des performances, la haute disponibilité et le Page Rank, améliorent collectivement les résultats financiers de l’entreprise.