Un guide pour l’optimisation de vitesse de site pour débutants

Chapitre 2 : Les performances du site ont une incidence sur la réussite de l’entreprise

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.

Chapitre 3 : La vitesse optimisée des sites mobiles éclipse celle de l’ordinateur de bureau

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.

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.

Le site mobile haute performance et l’espace compétitif des conversions élevées

Compte tenu du volume élevé de trafic Internet utilisant des appareils mobiles pour les achats de commerce électronique, les sites mobiles à haut rendement sont une priorité évidente pour les entreprises de commerce électronique. Une étude récente révèle que les entreprises de commerce électronique pourraient manquer des millions d’acheteurs de téléphones portables, le revenu potentiel global par conversion des acheteurs de téléphones portables s’élevant en moyenne à environ 80% du même chiffre parmi les utilisateurs d’ordinateurs de bureau qui achètent en ligne.

Le taux de conversion parmi les petites entreprises de commerce électronique opérant sur des sites mobiles peu performants est généralement de 0,6%, comparativement au taux de conversion de 1,6% des boutiques de commerce électronique d’ordinateurs de bureau dans le même segment de taille.

Les utilisateurs de tablettes, par contre, dépensent 20% de plus que les utilisateurs d’ordinateurs. En captant cet auditoire, les entreprises en ligne qui font des percées dans le segment du marketing Internet mobile peuvent s’attendre à des flux de revenus élevés qui pourraient potentiellement remplacer un jour l’auditoire d’ordinateurs – bien que ce jour semble être un peu trop loin dans l’avenir.

Néanmoins, la demande pour satisfaire les besoins des utilisateurs mobiles continuera d’augmenter de façon exponentielle. L’optimisation pour les moteurs de recherche des sites mobiles est maintenant un métier à part – tout comme l’optimisation de la vitesse des sites mobiles, qui est constituée de :

• Haute vitesse de page
• Faible temps de chargement des pages
• Diffusion efficace de contenus riches en médias
• Vitesse de téléchargement
• Format optimal du site
• Facilité de navigation et d’utilisation sur l’ensemble du site
• Et un site entièrement fonctionnel nécessitant un minimum d’entrées de la part de l’utilisateur dans l’exécution d’une tâche autrement complexe d’utilisation de l’Internet mobile.

En s’attaquant à ces problèmes, les micro-sites du secteur de l’Internet mobile peuvent espérer concurrencer leurs homologues plus importants qui bénéficient de taux de conversion allant jusqu’à 1,2% (soit le double des taux de conversion des sites d’ordinateurs de bureau !), et de plus de 80% des revenus par conversion réalisés avec les versions bureautiques de leurs sites.

Le plus rapide à la ligne d’arrivée est le plus haut sur le podium

Il n’est donc pas surprenant que les entreprises du Fortune 100 aient un temps de chargement moyen de 5 secondes pour leurs sites mobiles, soit deux secondes pus rapide que la moyenne des normes acceptables (7 secondes maximum).

Pour les marchands de commerce électronique, cependant, 5 secondes de temps de chargement de page est peut-être suffisant pour repousser les visiteurs vers une alternative plus rapide. Et dans le segment de la vente au détail, certains sites se chargent aussi vite que Google – le temps de chargement des pages n’est que d’une seconde !

Remarquablement rapide, peut-être un peu comme Google sur la vitesse de la page et la réactivité du site. Il s’agit toutefois du temps de chargement moyen de 16 des 100 plus importants vendeurs multicanaux qui récoltent les fruits d’un site mobile extrêmement rapide et génèrent ainsi des revenus de plusieurs milliards de dollars pour les clients mobiles.

Google décrit un certain nombre de changements (ici et ici) dans la conception de sites mobiles pour rafficher les pages sur les écrans mobiles en moins d’une seconde – ceci même si vous n’êtes pas une entreprise du Fortune 100 ou un détaillant de commerce électronique Top 100 ! Le World Wide Web Consortium (W3C), un organisme à but non lucratif, propose une poignée de meilleures pratiques (ici et ici) pour ceux qui s’occupent eux-mêmes du développement du mobile. C’est une longue lecture qui démontre l’importance et l’intensité de l’optimisation des sites mobiles !

Et pour les propriétaires d’entreprises qui emploient des développeurs pour concevoir des sites mobiles hautement réactifs et optimisés en termes de vitesse (voici 60 outils de développement Web géniaux qui peuvent vous aider), les améliorations devraient être recherchées dans les trois éléments suivants de l’anatomie des sites mobiles :

• Grilles fluides
• Images flexibles
• Requêtes de médias

Et une concentration de conception sur les éléments suivants du site mobile :

• Masthead
• Galerie d’images
• Description de produit
• Informations auxiliaires
• Pied de page

Les clients apprécient la rapidité de réponse des sites et les temps de chargement des pages ultra-faibles. La technologie mobile et l’innovation s’accompagnant d’une dépendance croissante à l’égard des smartphones et des tablettes ne montrent aucun signe d’essoufflement. Les plus grands vendeurs en ligne comprennent la nécessité de diffuser efficacement le contenu des sites depuis les serveurs Web jusqu’à l’espace réduit des écrans mobiles. Grâce à des sites soigneusement conçus et dédiés aux plates-formes mobiles, les clients peuvent prendre des décisions d’achat rapides et éclairées qui, en fin de compte, créent des sources de revenus inépuisables pour les entreprises en ligne.

60% des consommateurs utilisent des appareils mobiles exclusivement pour prendre des décisions d’achat rapides. Les appareils mobiles et les ordinateurs de bureau ou portables sont considérés comme des sources d’information aussi importantes que les médias – 42% des utilisateurs d’Internet préfèrent le mobile contre 43% pour les PC/ordinateurs portables – mais la commodité d’accéder au Web via des appareils mobiles est le moteur de l’utilisation d’Internet mobile et des opportunités commerciales.

Et si vous prévoyez toujours d’ignorer les performances des sites mobiles, vous voudrez peut-être reconsidérer les opportunités et les succès que vous pourriez obtenir autrement, surtout avec un site mobile dédié et optimisé en termes de vitesse.

Chapitre 4 : Erreurs commerciales courantes qui nuisent à la performance du site

Les places de marchés en ligne – comme les champs de bataille des Grecs de l’Antiquité – sont des plates-formes concurrentielles à enjeux élevés où seuls les plus appliqués survivent. Et comme dans toutes les batailles à enjeux élevés, les facteurs humains (erreurs de décision, maladresses et ignorance) contribuent de manière significative aux résultats des concours en ligne.

Pourtant, les entreprises en ligne et les webmasters responsables du maintien de sites performants et entièrement optimisés ont tendance à négliger des éléments cruciaux de conception qui paralysent les temps de chargement des sites. Et les conséquences sont généralement aussi dangereuses que le cheval de Troie qui pénètre à travers les défenses fortifiées et prend le contrôle total de la ville de Troie, malgré la taille et la domination de l’armée troyenne.

La concurrence pour le succès des affaires en ligne est tout aussi intense, ne serait-ce qu’un peu moins violente. La lutte pour l’attention du client se résume à fournir le contenu demandé de la manière la plus efficace et la plus précise possible, indépendamment de la taille de l’entreprise et de ses succès passés. Et tout comme les erreurs humaines et l’ignorance qui dictent l’issue de la guerre de Troie, les erreurs courantes qui tuent la performance des sites ont tendance à déterminer l’issue de la compétition en ligne – le plus rapide à la ligne d’arrivée gagne la course !

Le Gap of Death, l’intervalle entre un temps de chargement de page de moins de 2 secondes et un temps moyen de chargement de site de 5 secondes, se dilate ou se contracte en raison de tactiques d’optimisation de site et de décisions d’affaires étonnamment négligées. Contrairement au sentiment populaire, l’optimisation de la vitesse est idéalement mise en œuvre à toutes les étapes du développement d’un site, et pas seulement après la construction du site entier, ce qui n’est que lorsque les propriétaires de sites réalisent la nécessité de pousser pour l’optimisation des performances du site.

Les ajustements finaux et les ajouts d’optimisation de la vitesse mis en œuvre après le développement de sites améliorent cependant la vitesse des pages, réduisant ainsi le temps de chargement pour atteindre au moins le Gap of Death. Mais même à l’intérieur de cette zone de performance, les taux de conversion diminuent de 7% pour chaque seconde de retard après le temps de chargement de page prévu de 2 secondes.

D’autre part, les propriétaires de sites qui se méfient des tactiques d’optimisation de la vitesse peuvent viser à améliorer les performances de leur site en évitant également les erreurs mortelles suivantes :

Service d’hébergement médiocre

L’erreur d’opter pour un service d’hébergement médiocre peut vivre éternellement. Avec plus de 1,8 milliard de sites en ligne en 2020, l’espace d’hébergement est à la fois encombré et fracturé. La disponibilité mondiale d’une vaste gamme d’options d’hébergement pousse les entreprises et les amateurs à établir leur présence dans le cybermonde. La demande de services d’hébergement rentables augmente de façon exponentielle, et les fournisseurs d’hébergement sont plus que disposés à compromettre la qualité du service en accumulant des parts de marché avec des niveaux à bas prix.

Des hébergeurs médiocres vendant des services rentables continuent de maximiser leur rentabilité en hébergeant des milliers de sites sur des piles d’Apache gonflées en une seule fois. Les serveurs non optimisés exécutant des milliers de sites publics sur une seule pile de serveurs sont particulièrement nuisibles aux sites de commerce électronique caractérisés par des pics de trafic incontrôlables, du contenu multimédia et de gros fichiers.

Les sociétés d’hébergement et de développement de sites avec une réponse commune aux préoccupations d’optimisation de la vitesse que « tout le monde a le haut débit de nos jours » se traduit directement par des pertes financières et une réputation de marque endommagée pour les entreprises en ligne. Une performance attrayante des sites est essentielle au succès des entreprises de commerce électronique puisque les sites qui prennent plus de 3 secondes pour se charger perdent immédiatement 40% du trafic. 79% des visiteurs insatisfaits ne retournent presque jamais sur des sites de commerce électronique lents !

Peut-être alors, investir du temps et de l’argent dans la poursuite de la plus haute qualité des services d’hébergement Web est essentiel pour maintenir des sites Web de haute performance générant de vastes flux de revenus en attirant l’attention des visiteurs de manière efficace et précise.

Donner la priorité aux voleurs de bande passante

L’optimisation de la vitesse d’un site est un processus continu et évolutif qui va bien au-delà de l’abonnement aux meilleurs services d’hébergement au monde. Certaines décisions d’affaires visant à maximiser les revenus en modifiant la conception et les caractéristiques du site nuisent à la performance du site en volant des morceaux de la bande passante allouée à chaque visiteur individuel.

Trop de widgets ou d’extensions

Les propriétaires et les développeurs de sites apprécient toujours les caractéristiques et les fonctionnalités supplémentaires. Les widgets et les extensions permettent d’apporter des modifications pratiques aux sites existants tout en pesant légèrement sur les performances des sites. Même avec le plus petit des widgets tels que la boîte de boutons Google+, la charge pour la performance du site en termes de temps de chargement de page peut augmenter jusqu’à 2 secondes dans certains cas.

La boîte semblable de Facebook est un autre ralentissement courant, car on sait qu’elle permet d’ajouter facilement plus de 40 requêtes HTTP (comme on le voit ci-dessous). Sur un site client, nous avons vu qu’il ajoutait 700 Ko au poids total de la page, ce qui n’est pas bon !

Il est essentiel de limiter le nombre d’extensions au strict minimum pour maintenir les performances optimales du site – même les extensions installées sur le cœur même du site rivalisent pour fournir la réponse la plus rapide aux demandes des navigateurs, drainant en fin de compte la bande passante.

Parfois, la qualité et la fonctionnalité des extensions installées comptent bien plus que le nombre lui-même. Les extensions qui interrogent de grands flux de données pour effectuer des opérations complexes doivent le faire hors serveur, et non dans des environnements d’hébergement de sites tels que WordPress.

Trop d’annonces et de services externes

Aussi tentant que cela puisse paraître, vendre trop de biens à des annonceurs tiers dégrade considérablement les performances du site. Un trop grand nombre de publicités ou un chargement lent des publicités entraînent des taux de rebond et ont un impact négatif sur la commercialisation en ligne. Les pertes financières associées à des taux de rebond élevés l’emportent sur les avantages pécuniaires de la remise de vastes espaces du site aux annonceurs.

Les services externes posent généralement deux problèmes. L’un est dû au volume, l’autre à l’attente jusqu’au chargement.

• Si vous avez beaucoup de services externes, vous devez les charger tous et attendre qu’ils vous fournissent des informations à chaque chargement de page. Plus vous avez d’appels, plus vous attendez, plus la charge sur votre propre serveur est élevée et plus vous avez de chances de tomber sur le deuxième problème.
• Dans certains cas, le chargement de la page attendra que le transfert de données entre votre site et le service externe soit terminé. Si le service est appelé dans l’en-tête et qu’il y a une interruption de service, votre page refusera simplement de se charger.

Selon une étude de recherche, le coût de générer des revenus avec une bannière publicitaire est de près de 33% de latence supplémentaire. Les fenêtres publicitaires intrusives aggravent encore la situation et incitent les visiteurs à abandonner des sites à des taux encore plus élevés. Le code d’affiliation, même ces quelques lignes de script supplémentaires, occupent un espace mémoire précieux dans l’environnement d’hébergement et nécessitent des cycles de traitement supplémentaires pour livrer le contenu aux utilisateurs finaux.

Néanmoins, la publicité en ligne est la principale source de revenus pour de nombreuses entreprises en ligne (pensez à Google et Facebook !), et un modèle optimal de publicité en ligne permet d’augmenter les revenus du site tout en minimisant les coûts de latence et les délais de chargement des pages.

Design de thème gonflé et contenus multimédia incompatibles

Les thèmes tentants de conception de site Web et le contenu multimédia sont des tourneurs de tête pour le trafic en ligne. À condition que le contenu parvienne assez vite aux yeux des visiteurs impatients. Les images et les vidéos de haute qualité (grands pixels, fichiers de grande taille) prennent plus de temps à télécharger sur les navigateurs qui en font la demande, alors que les graphiques légers et de faible qualité attirent à peine l’attention des utilisateurs malgré leur temps de chargement réduit.

Cependant, le contenu à forte intensité graphique n’est pas toujours le facteur décisif pour stimuler les conversions et les ventes. C’est particulièrement vrai pour les sites de commerce électronique qui doivent contenir des images de produits à chargement rapide et des vidéos décrivant la valeur des produits, et pas nécessairement leur beauté visuelle.

Des problèmes de compatibilité affectent également les performances multimédia et applicatives de certains navigateurs et emplacements géographiques. Prenons l’exemple de Google Chrome et Shockwave Flash. Les deux sont rarement gentils l’un envers l’autre. De même, les restrictions gouvernementales peuvent également empêcher certains contenus multimédias d’atteindre les visiteurs locaux.

Les sites au contenu multimédia non fonctionnel nécessitent des cycles de communication client-serveur excessifs pour atteindre les navigateurs qui en font la demande, ce qui entraîne une détérioration des performances du site. Toutefois, il incombe aux propriétaires de sites d’assurer la rationalisation de la facilité d’entretien de toutes les plates-formes de navigation, des facteurs de forme des appareils et des emplacements géographiques, car les politiques gouvernementales et la compatibilité des navigateurs peuvent changer avec le temps et, le plus souvent, l’imprévisibilité aussi.

Un chargement rapide et un contenu multimédia entièrement fonctionnel sont nécessaires pour que les marchands de commerce électronique puissent garder la main sur les visiteurs de leur site. Chaque seconde de retard dans le temps de chargement des pages conduit les visiteurs frustrés à abandonner les sites lents, ce qui entraîne une perte de 7% des taux de conversion, une diminution de 11% du nombre de pages vues et une diminution de 16% de la satisfaction des clients.

Et un peu plus de ce code – Formulaires d’inscription et d’analyse

Les formulaires d’inscription et le code d’analyse n’ajoutent que quelques lignes aux fichiers de base du site. Mais lorsqu’un trop grand nombre de lignes de code prennent de l’espace dans l’administration du site, les ressources de contenu Web et les extensions avec trop de lignes de code long finissent par se disputer de petits espaces mémoire dans des cycles de traitement courts. Par conséquent, le phénomène physique populaire de la non-linéarité entre en jeu, et chaque composant fonctionne de façon imprévisible, consommant généralement plus de cycles de traitement que prévu.

Du point de vue des utilisateurs finaux, des services excessifs sont souvent inutiles ou tout au plus considérés comme secondaires par rapport au contenu réel représenté par le site. De nombreux sites hébergent plus de 80 ressources (images, extensions, modules et autres contenus multimédias), et tout ce contenu n’est pas nécessairement fourni aux navigateurs qui en font la demande selon les préférences des utilisateurs. Des investissements supplémentaires dans le développement de sites riches en médias finissent par se retourner contre eux lorsque les informations effectivement demandées pour atteindre les utilisateurs finaux sont détenues par des formulaires d’inscription non pertinents, du code d’analyse et d’autres contenus ajoutant un poids inutile au site.

Erreurs mobiles et redirections erronées

L’abonnement mondial aux smartphones devrait dépasser les 2,7 milliards d’ici 2019, date à laquelle 83% des internautes auront accès à Internet via des appareils mobiles. 30% du trafic des sites de commerce électronique en 2016 provenait du mobile, et ce nombre continue d’augmenter de façon exponentielle avec l’explosion du nombre d’utilisateurs de smartphones.

La concurrence pour capter l’attention des utilisateurs mobiles est encore plus intense en raison de la lenteur du chargement des sites mobiles et de la baisse du niveau de patience des visiteurs. 60% des utilisateurs mobiles s’attendent à ce que les sites mobiles se chargent en moins de 3 secondes. Et en moyenne, 3 personnes sur 4 abandonneront un site mobile si le chargement prend plus de 5 secondes, alors qu’un mobile moyen prend encore plus de temps, de 6 à 10 secondes pour se charger.

Les retards excessifs dans le temps de chargement des pages mobiles se produisent surtout lorsque les sites ne sont pas spécifiquement optimisés et conçus pour offrir des performances élevées sur une interface d’appareil mobile. Même avec des pages dédiées optimisées pour smartphone, les utilisateurs mobiles ne sont pas toujours redirigés vers les versions mobiles prévues des pages du site de PC demandées aux navigateurs mobiles.

Les redirections sont des instructions qui envoient les utilisateurs à la recherche d’une URL de site vers une autre qui contient (supposément) les informations exactes demandées par les utilisateurs. Les redirections sont les plus efficaces pour les utilisateurs mobiles à la recherche de versions de bureau des pages qui doivent être bien mappées vers des versions mobiles équivalentes pour offrir la meilleure expérience de site mobile.

De cette façon, les utilisateurs ne peuvent pas passer d’un fichier de site non désiré à l’autre jusqu’à ce qu’ils atteignent le bon fichier, ce qui est inexact. Cela entraîne des retards inutiles dans le chargement des informations effectivement recherchées par les utilisateurs finaux.

C’est un peu comme trouver une place de stationnement vide dans un grand terrain de stationnement bondé et atteindre l’espace apparemment vide pour découvrir qu’il est occupé par un petit véhicule qui n’était pas visible de loin. Le processus se poursuit jusqu’à ce qu’une place libre soit finalement atteinte, c’est-à-dire si le conducteur continue à chercher la place vide et n’est pas assez frustré pour quitter complètement le parking.

Les propriétaires de sites sont finalement responsables de la perte d’avantages concurrentiels dans l’espace mobile lorsque le trafic mobile est simplement redirigé vers une version non pertinente du site d’ordinateur de bureau, au lieu de fournir une solution mobile optimisée en termes de vitesse pour les visiteurs mobiles.

Les sites qui ne sont pas optimisés pour les appareils mobiles souffrent de problèmes communs qui entravent l’expérience de l’utilisateur mobile. Des problèmes tels que des redirections défectueuses, des vidéos illisibles, des images et des graphiques gonflés, des liens croisés non pertinents et des ressources inutiles fournies aux visiteurs mobiles dégradent les performances des sites et, en fin de compte, augmentent les taux de rebond.

Seulement 10% de la période d’attente est définie par la réponse HTML aux demandes du navigateur, et les 90% restants du retard sont causés par le rendu des pages, l’analyse HTML, l’exécution des scripts de code et la récupération des ressources intégrées. La refonte des performances d’un site à l’aide d’outils d’optimisation et d’ajustements de script permet d’éliminer d’importants morceaux à partir du temps de chargement des pages, mais peut-être pas aussi efficacement que le développement d’un site optimisé pour la vitesse à partir de zéro. Et ce dernier est plus une stratégie de marketing, une décision d’affaires et une légère prise de conscience pour éviter les erreurs les plus courantes qui peuvent potentiellement ruiner les entreprises en ligne en tuant la performance des sites.

Chapitre 5 : Tests de vitesse des sites – Identifier les goulots d’étranglement de performance !

Le trafic Web et le classement dans les moteurs de recherche sont principalement une mesure de vanité pour la performance des sites. Aussi importants qu’ils soient, ni l’un ni l’autre n’est plus révélateur du succès des affaires en ligne que les chiffres de vente et les taux de conversion. Pour mettre les choses en perspective, les sites de commerce électronique avec (presque) 0% de taux de rebond, 15% de taux de conversion et 10.000 visiteurs uniques de sites à partir de bas classement dans les moteurs de recherche sont beaucoup mieux que les sites de haut rang bénéficiant de 100.000 visites uniques avec seulement 0,01% de taux de conversion.

Le débat sur l’optimisation des taux de conversion peut se poursuivre sur des longueurs encyclopédiques, et la mise en œuvre des meilleures pratiques commerciales sur les sites de Frankensteinish peut prendre des tonnes d’investissements avec des efforts d’exécution patiente s’étendant sur plusieurs mois avant que toute amélioration significative des taux de conversion ne soit obtenue.

Et pour convaincre les citoyens impatients du cybermonde d’acheter des produits et services en ligne, il ne suffit pas de mettre en œuvre des stratégies commerciales passives pour améliorer la commercialisation. Les entreprises en ligne qui se concentrent sur l’amélioration des performances de leur site obtiennent des résultats immédiats sous la forme de taux de conversion plus élevés et de ventes qui explosent.

La vitesse de page, en particulier, comble le vide dans l’amélioration de la commercialisation en améliorant l’expérience de l’utilisateur du site pour garder en ligne les clients impatients engagés et satisfaits. Un récent rapport de recherche publié par O’Reilly conclut que l’amélioration de l’expérience de l’utilisateur final du site en réduisant le temps de chargement des pages augmente considérablement les ventes et les taux de conversion. Les statistiques stupéfiantes sont les suivantes :

• +3% de conversions par seconde avec une amélioration du temps de chargement des pages de 15 secondes à 7 secondes.
• +2% de conversions par seconde avec une amélioration du temps de chargement des pages de 7 secondes à 5 secondes.
• +1% de conversions par seconde avec une amélioration du temps de chargement des pages de 4 secondes à 2 secondes.

Ces statistiques ne font que décrire l’impact de la vitesse des pages sur le succès commercial dans le cyberespace concurrentiel. Aussi compliqué que cela puisse paraître, couper de grands morceaux de temps de chargement de page de sites au chargement lent est un fruit relativement faible SI des tactiques d’optimisation de la vitesse sont mis en œuvre dans la bonne direction – c’est un énorme SI lorsque les goulots d’étranglement de performance sont inconnus, trop complexes ou simplement trop vastes et divers à identifier.

La recherche d’un site optimisé commence par l’identification des problèmes d’interface publique les plus évidents dans le cadre des processus standard de test de performance des sites. Steve Souders, Head Performance Engineer de Google, conseille à ce sujet : « 80 à 90% du temps de réponse de l’utilisateur final est passé sur l’interface publique. Commencez ici ».

Que tester ?

Avant de commencer l’exploration des ralentisseurs, la compréhension du comportement des indicateurs de performance de la vitesse des sites les plus influents permet d’identifier avec précision les failles de performance dans les sites.

Vitesse de la page initiale

Télécharger des tonnes de contenu de sites monopolisant la mémoire dans les millisecondes suivant le lancement des requêtes du navigateur n’est pas tout à fait possible sans un remaniement en profondeur et une optimisation de la vitesse des sites lents. Dans de nombreux cas, les visiteurs ne recherchent l’information primaire que sous forme de contenu ou d’information sur le produit représenté par les pages. Ajoutez à cela de nombreuses fonctionnalités graphiques et de sites complémentaires, et le temps d’affichage des pages augmente de façon démesurée.

Le maintien d’une vitesse de page initiale élevée permet aux visiteurs de rester engagés, même lorsque l’ensemble du contenu du site, y compris les graphiques encombrants, prend du temps pour être complètement affiché. La surveillance de la vitesse initiale élevée de la page par le suivi de paramètres tels que le temps jusqu’au premier octet (TTFB) ou l’exécution de requêtes ping depuis les serveurs du site décrivent précisément les temps de chargement de la page initiale et les statistiques de vitesse de page. Si cela prend trop de temps, le travail doit être fait au niveau de l’administration sous la forme d’une optimisation du serveur et du cœur du site.

Temps de chargement pleine page

La surveillance du temps passé à afficher le contenu d’une page entière sur les navigateurs qui en font la demande fait partie intégrante des tests d’expérience de l’utilisateur final sur les sites. Ces informations orientent les décisions informatiques stratégiques dans le déploiement et l’optimisation de l’infrastructure matérielle afin d’optimiser les performances du site.

Le suivi régulier de cet indicateur de performance permet aux propriétaires de sites de se rendre compte de la façon dont le site évolue en termes de taille et de type de contenu. Grâce à ces informations, les webmasters peuvent mettre en cache le contenu statique dans des emplacements séparés tels que le réseau de diffusion de contenu (CDN) tout en conservant des serveurs d’administration dédiés pour diffuser efficacement du contenu chargé dynamiquement.

Performance géographique

L’un des avantages de l’exploitation d’une entreprise en ligne est la portée toujours croissante du marché mondial. Mais cette portée n’est pas toujours aussi efficiente – et donc efficace – dans le monde entier en raison des facteurs mêmes qui limitent la communication client-serveur. Les politiques gouvernementales, la bande passante et les limitations technologiques empêchent les performances optimales des sites dans le monde entier, de sorte que des tests de vitesse et de disponibilité des sites devraient être effectués dans des endroits disparates afin de déterminer les résultats des performances des sites à l’échelle mondiale ayant un impact sur la portée des activités mondiales.

Tolérance de charge

Les performances du site varient en fonction des fluctuations du trafic. Les serveurs d’hébergement qui gèrent la charge normale à des performances de pointe peuvent perdre de la vitesse de page sous des charges excessives. Effectuer des tests de stress, des tests de passerelle , des tests de charge et d’autres tests de performance sur les sites crée une image précise de la quantité de trafic que le site peut gérer avant de perdre sa performance ou de s’écrouler complètement. Comparez les résultats avec les habitudes d’utilisation réelles du site afin de déterminer si le site a besoin de mises à niveau matérielles pour gérer la charge de pointe aussi efficacement que possible.

Charge CPU du serveur

Les hébergeurs mutualisant des milliers de sites sur un seul serveur Apache ne parviennent pas à fournir des performances élevées même lorsque le site est bien conçu avec un code propre et optimisé en termes de vitesse. Les problèmes de performance s’intensifient pendant les périodes de pointe lorsque la puissance de calcul insuffisante du serveur ne permet pas de traiter efficacement les demandes de téléchargement de sites. La surveillance de la charge CPU du serveur permet aux sociétés d’hébergement et au personnel informatique exploitant des sites hébergés localement de contrôler les capacités matérielles d’administration en cas de déluge imprévisible de trafic.

Performance de la base de données du site

La performance des bases de données est essentielle pour les sites qui maintiennent un contenu dynamique extrait des bases de données. Un mécanisme devrait être mis en place pour détecter et signaler les inexactitudes dans la transmission des données. Garder un œil sur l’espace disque disponible sur les serveurs hébergeant des sites localement permet d’éviter les erreurs et les pertes de données qui mènent à des liens brisés et éventuellement dégrader les performances du site.

Comment tester

Les propriétaires de sites peuvent tirer parti d’une gamme de services gratuits et haut de gamme de tests de performance de sites pour analyser les pages et générer des solutions sur mesure afin de combler les lacunes de performance les plus profondes qui entravent la vitesse des pages.

Les outils de test de vitesse de page propulsés par les géants des moteurs de recherche Google, les spécialistes de la surveillance de sites Pingdom et GTMetrix fournissent gratuitement de précieuses informations sur les indicateurs de performance des sites et génèrent par programmation des scores et des suggestions pour former les propriétaires de sites non geeks. Consultez ces guides détaillés pour vous aider à démarrer.

Comment fonctionnent ces outils

Ces outils utilisent plusieurs navigateurs pour charger des sites et reproduire l’expérience de l’utilisateur final sur des sites situés à des endroits géographiques différents. Les goulots d’étranglement de performance sont surveillés à travers divers éléments de la page examinée, y compris la taille du fichier, le temps de chargement, le temps de réponse et les requêtes relatives aux différentes parties du site (JavaScript, fichiers CSS, HTML, images, etc.).

Les outils génèrent des scores de performance basés sur un ensemble de règles développées dans le contexte de la performance des pages et des priorités des utilisateurs. Les principes comprennent la mise en cache des ressources, les temps d’aller-retour client-serveur, la taille des téléchargements et des téléversements de données, et une foule de règles ayant une incidence sur la vitesse des pages des utilisateurs finaux.

Des suggestions sont générées en prévision de l’amélioration de la vitesse des pages qui devrait se produire par la mise en œuvre de règles d’optimisation des performances appropriées. Par exemple, si un fichier image volumineux est servi non compressé, les outils de surveillance recommanderaient la mise en œuvre de diverses mesures pour compresser le fichier volumineux. De telles questions passent autrement inaperçues en raison d’erreurs humaines ou d’une ignorance évidente, dont aucune ne peut être complètement éliminée. En même temps, les outils de surveillance de la vitesse des pages permettraient au moins aux propriétaires de sites d’identifier les problèmes et de prendre les mesures appropriées pour éliminer les goulots d’étranglement cachés dans les performances des sites.

Tutoriel de test

Le test suivant a été réalisé à l’aide de l’outil gratuit de test de vitesse du site Pingdom. Visitez Pingdom et effectuez le test en sélectionnant différents lieux géographiques selon les options fournies, et comparez les résultats finaux. Saisissez votre site et cliquez sur le bouton Start Test.

Il affichera ensuite un résumé de votre site, y compris une note de performance, un temps de chargement total, la taille totale de la page et le nombre de requêtes que vous avez sur votre site.

La section Performances de l’outil de test de vitesse Pingdom est très utile. Ceux-ci sont tous basés sur les règles de Google PageSpeed Insight. En général, si vous les améliorez sur votre site, vous devriez constater une diminution de vos temps de chargement globaux.

L’outil liste tous les fichiers téléchargés sous la forme d’un graphique en cascade, en les triant par ordre de chargement, temps de chargement, taille, type ou URL.

Analysez la performance de chaque téléchargement de fichier en lisant les résultats par rapport au tableau clé fourni dans l’outil :

L’outil permet d’identifier les meilleures actions à entreprendre pour optimiser la vitesse d’un site. Dans l’exemple de test ci-dessus, le site testé doit corriger certaines erreurs pour les requêtes qui ne sont pas trouvées. Cependant, il est important de comprendre que l’optimisation de ces éléments de conception de site est un processus continu et évolutif qui commence à la base du développement du site et est mis en œuvre dans toutes les nouvelles pages à mesure que le site évolue.

Si vous avez besoin de plus d’aide pour dépanner les performances de votre site sur Pingdom, consultez notre plongée en profondeur dans l’outil.

Quel outil choisir ?

Différents outils – Google Page Speed Insights, Pingdom et GTMetrix, entre autres – identifient différents problèmes, testent différents paramètres et indicateurs de performance de différentes manières, depuis différents navigateurs et emplacements géographiques. Les cotes de rendement et les résultats des tests sont donc forcément différents, et aucun outil n’identifie à lui seul tous les goulets d’étranglement dans la conception des sites. Il est toutefois recommandé de vous en tenir à un seul outil au fur et à mesure que vous apportez des améliorations pour mieux suivre vos progrès.

Cependant, les tests effectués à l’aide de plusieurs outils, l’analyse de différents éléments de conception de sites et la comparaison de résultats de tests multiples fournissent aux propriétaires d’entreprises en ligne des renseignements raisonnables pour concevoir des stratégies d’optimisation de la vitesse pour leurs sites.

Chapitre 6 : 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.

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.

Solutions WordPress :

Tirez parti des extensions d’optimisation d’images tels que Imagify, Optimus WordPress Image Optimizer, WP Smush, TinyPNG, EWWW Image Optimizer Cloud. C’est encore mieux si vous optez pour ceux qui compriment et optimisent les images depuis l’extérieur, ce qui réduit la charge sur votre propre site.

Et pour d’autres conseils, consultez notre guide détaillé sur l’optimisation des images.

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 :

• 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.
• Pratiques exemplaires en matière de prestation de services de CSS :
  • N’utilisez pas @import.
  • Enlevez le CSS inutilisé.
  • N’utilisez pas de CSS en HTML comme les balises H1 et DIV.
  • Utilisez un petit CSS en ligne.

Solutions WordPress :

Des outils tels que Autoptimise, WP Rocket, Cache Enabler, CloudFlare CDN et W3 Total Cache sont parmi les outils les plus populaires disponibles pour mini-installer JavaScript et CSS.

Si vous êtes un client Kinsta, vous pouvez profiter de la fonction de minification du code qui est intégrée directement dans le tableau de bord MyKinsta. Cela permet aux clients d’activer rapidement et facilement la minification automatique de CSS et JavaScript d’un simple clic.

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.

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.

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.

Solutions WordPress :

Utilisez les solutions suivantes pour contrôler les performances des extensions WordPress :

• Kinsta APM – solution intégrée de profilage des performances des applications
• Query Monitor

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.

Collez les extraits de code suivants dans le fichier wp-config.php aide à contourner ce problème :

Désactiver les révisions :

define( 'WP_POST_REVISIONS', false );

Limiter les révisions :

define( 'WP_POST_REVISIONS', 10 ); // limite à 10 revisions

Consultez notre guide détaillé sur la façon d’optimiser les révisions de WordPress pour des performances plus rapides.

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.

Solutions WordPress :

• Limiter, désactiver et supprimer les révisions de messages.
• Purger automatiquement la corbeille en ajoutant le code suivant dans le fichier wp-config.php :

  define('EMPTY_TRASH_DAYS', 10 );

  10 est le nombre de jours avant que les données inutiles soient automatiquement supprimées. Modifiez le cas échéant.

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é :

Navigateur : Hé, donne moi /HeavyWeightChampion.html !

Serveur : Je m’en occupe ! *Le serveur parcourt le serveur et trouve le fichier.

Serveur : Voilà, 250 KB de code de réponse.

Navigateur : Aïe ! *L’utilisateur final transpire, recevant finalement le contenu demandé en quelques dizaines de secondes*. (D’accord, la communication client-serveur est peut-être un peu plus formelle et moins dramatique que le récit ci-dessus.)

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.

Quelques mots d’avertissement cependant :

• NE PAS GZIP (déjà compressé) les images, PDF ou autres données binaires.
• Les données du GZIP ne doivent pas dépasser 150-1000 octets. La vitesse de compression doit être plus rapide que le temps nécessaire pour livrer le contenu non compressé.
• Ne compressez PAS le contenu des anciens navigateurs.

Ne pas suivre les recommandations ci-dessus augmente en fait la taille du fichier et le temps de chargement des pages en raison de la compression et de la décompression.

Solutions WordPress :

• Activez la compression GZIP en utilisant l’extension W3 Total Cache.
• La meilleure façon d’activer la compression GZIP est au niveau du serveur Apache ou Nginx. Consultez notre guide de compression GZIP.

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.

Les propriétaires de sites peuvent activer la mise en cache avec les modules et configurations suivantes lorsque les fournisseurs de services d’hébergement ne fournissent pas de mise en cache côté serveur :

• W3 Total Cache
• Cache Enabler
• WP Rocket
• FastCGI Cache pour les serveurs Nginx et Drupal.

En plus du contenu statique pouvant être mis en cache, les sites hébergent également des informations dynamiques contenant des attributs uniques qui changent régulièrement pour chaque utilisateur final. Le stockage en cache de copies de contenu dynamique non réutilisable n’a donc aucun sens, même si le rendu de contenu non mis en cache est un processus laborieusement lent.

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. Découvrez toutes les raisons pour lesquelles vous devriez utiliser un CDN. Kinsta inclut un CDN HTTP/2 et IPv6 gratuit pour tous les clients des plans d’hébergement WordPress !

Passez à l’hébergement géré !

WordPress a essentiellement démocratisé le web en permettant aux citoyens du cybermonde de créer leurs propres blogs et de lancer des produits et services en ligne avec un investissement minimal. En général, les propriétaires de sites utilisent l’un des services d’hébergement suivants pour assurer le bon fonctionnement de leurs sites :

• Hébergement gratuit : Favori des amateurs.
• Hébergement mutualisé : Favori des individus développant une présence d’affaires en ligne au moindre coût.
• Hébergement dédié ou géré : Favori des individus sérieux et des petites et moyennes entreprises qui mettent en place une présence en ligne.
• Hébergement en colocation : Favori des grandes entreprises ou des institutions gouvernementales avec des équipes informatiques internes pour gérer les sites.

Parmi ceux-ci, l’utilisation de l’hébergement géré pour le développement et la gestion de sites de bout en bout est l’option la plus rentable et la plus productive pour maintenir un site à ultra-haute performance. Les caractéristiques des services d’hébergement gérés ayant une incidence sur la vitesse des pages et les performances du site sont notamment les suivantes :

• Optimisation des performances – compression, minification du code, mise en cache côté serveur, etc.
• Optimisation du cache.
• Optimisation du contenu pour la performance – optimisation de l’image, contrôle des données inutiles, etc.
• Optimisation pour les moteurs de recherche.
• Mises à jour régulières du logiciel.
• Compatibilité et déploiement des extensions pour de meilleures performances.
• Optimisation de la base de données.
• Réseaux de diffusion de contenu (CDN).
• Test et surveillance de performance.
• Serveurs légers et rapides optimisés.
• Configuration et maintenance du serveur et du site pour minimiser les allers-retours client-serveur.
• Dernières versions de PHP et MariaDB

WordPress est plus rapide avec PHP 7

Avec la sortie de PHP 7, d’énormes gains de performances ont été réalisés ! Si gros en fait, qu’il devrait être une priorité sur un grand nombre des petites optimisations que vous pourriez jouer avec sur votre site WordPress. Les benchmarks suivants montrent des améliorations significatives des performances avec PHP 7 par rapport à ses versions précédentes. PHP 7 permet au système d’exécuter deux fois plus de requêtes par seconde que PHP 5.6, à presque la moitié de la latence.

Nous avons également utilisé nos propres benchmarks PHP. Et comme pour les benchmarks ci-dessus, nous avons vu que PHP 7.3 pouvait exécuter presque trois fois plus de transactions (requêtes) par seconde que PHP 5.6. PHP 7.3 est aussi en moyenne 9% plus rapide que PHP 7.2.

• WordPress 5.0 PHP 5.6 benchmark : 91,64 req/sec
• WordPress 5.0 Résultats du benchmark PHP 7.0 : 206.71 req/sec
• WordPress 5.0 Résultats du benchmark PHP 7.1 : 210.98 req/sec
• Résultats du benchmark WordPress 5.0 PHP 7.2 : 229.18 req/sec
• WordPress 5.0 PHP 7.3 résultats du benchmark : 253.20 req/sec 🏆