Webperf en Chine

Malgré la perte de vitesse de la Chine, l'e-commerce mondial reste pourtant dominé par la Chine (405 milliards d’euros). Le marché chinois est donc toujours aussi attractif pour un bon nombre d’e-commerçants.
Jack Ma, le fondateur d’Alibaba, dit à ce propos que « dans les autres pays, l’e-commerce est un moyen de faire du shopping alors qu’en Chine c’est un vrai mode de vie ».

Mais si le marché est porteur, il reste complexe de s’y implanter pour un tas de raisons.
La performance en est une et peut vite devenir un grand chantier de développement pour l’IT. À moins qu’on ne sache comment s’y prendre.

Déployer un site en Chine c’est un peu comme une course d’obstacles : il faut enregistrer un nom de domaine en .cn (ce qui n’est réservé qu’aux personnes vivant en Chine) ou encore obtenir l’ICP (Internet Content Provider, un certificat obligatoire pour tout site hébergé en Chine continentale et nécessitant une représentation légale sur place).

Une fois la première épreuve administrative passée, reste encore le Firewall à franchir ! Une étape clé, directement liée à l’expérience utilisateur puisque le Firewall augmente la latence des connexions qui le traversent.
Lorsqu’une marque décide de déployer son site en Chine, elle est régulièrement confrontée à ce souci de performance.
C’est pourquoi nous partageons avec vous le cas d’un leader en cosmétique.

Contexte & Problématique

La marque est implantée à l’international et notamment en Chine. Elle a ainsi pu obtenir son nom de domaine en .cn ainsi que l’ICP sans difficulté.

La performance de leur site web, quant à elle, est bien plus problématique.
Les serveurs de la marque sont installés à Shanghai, mais les fichiers statiques, eux, sont toujours hébergés à Paris. De fait, il existe une latence importante pour accéder aux ressources statiques.

Les KPI techniques

Pour mesurer la performance de ce site et l’efficacité des solutions mises en place, nous nous intéressons :

  • au Start Render (moment où la page blanche laisse place aux premiers éléments de la page web)
  • au Speed Index (rythme auquel apparaissent les éléments au-dessus de la ligne de flottaison)
  • au poids des pages (en effet, le CDN en Chine est plus cher qu’ailleurs dans le monde. La facture CDN dépendant directement de la bande passante, nous avons tout intérêt à l’économiser.)

En savoir plus sur ces métriques >>

État des lieux

À ce moment du projet, voici la performance du site de cosmétique en Chine :

Start Render
9,591s
Speed Index
22 338
Poids de la page
2,114 KB

Les solutions mises en place par la DSI :

A chaque problème sa solution. Si les performances sont mauvaises, c’est pour plusieurs raisons :

  1. La Chine est un vaste pays : la marque branche un CDN chinois pour couvrir l’ensemble du territoire.
  2. Les fichiers statiques sont hébergés à Paris : un CDN spécifique aux fichiers statiques est branché. Son point de sortie se situe à l’extérieur du Firewall. Cela permet de traverser le Firewall via un réseau privilégié et donc d’obtenir de meilleures performances.
Pourquoi opter pour un CDN chinois ?
Lorsqu’on déploie un site en Chine, il est préférable d’opter pour un CDN local pour deux raisons :

  1. Les CDN globaux ne sont généralement pas implantés en Chine intra-muros, ce qui pose un vrai problème en terme de performance.
  2. L’utilisation d’un CDN local permet une couverture plus étendue du territoire, qui s’avère particulièrement vaste en Chine.
  3. Les principaux CDN en Chine sont : ChinaCache, ChinaNetCenter et CDNetworks.

Mais cela n’a pas suffi à améliorer significativement les performances et ils ont donc contacté Fasterize pour aller plus loin.
Après une courte période de test, Fasterize a été déployé sur le site Chinois.
Ainsi, aujourd’hui, le domaine www passe par le CDN chinois ainsi que par la plateforme chinoise Fasterize qui optimise le chargement des pages HTML à la volée.
Idem pour les fichiers statiques : ils sont récupérés et optimisés directement par le moteur de Fasterize à Paris (compression des images, concaténation, etc.)

Les résultats en Chiffre

Start Render Speed Index Poids de la page
site original 9,591 s 22 338 2,114 KB
Avec les optimisations Fasterize -8% -27% -19%
Avec les optimisations et le Cookie Less Cache -28% -35% -21%
Nous avons comparé les performances du site original, avec une version à laquelle nous avons appliquées les optimisations Fasterize et une version avec Fasterize et le Cookie Less Cache. Le Speed Index connaît déjà une nette amélioration avec les optimisations Fasterize. La version avec Fasterize et le Cookie Less Cache sort largement vainqueur de ce comparatif avec un gain de 28% sur le Start Render, de 35% sur le Speed Index et de 21% sur le poids de la page.

Qu’est-ce que le Cookie Less Cache ? Le Cookie Less Cache (cache pour les utilisateurs sans cookies) est une feature développée par Fasterize qui permet d’identifier les nouveaux utilisateurs (ne possédant donc pas de cookie) et de leur servir une version en cache. Les visiteurs possédant un cookie continueront eux, à recevoir la version personnalisée issue du serveur.

Finalement, quels sont les points d’attention pour la webperf d’un site en Chine ?

Il est préférable d’avoir un serveur en Chine intra-muros. Le Firewall complexifie beaucoup de choses, dont la performance web. L’architecture globale du site (serveur, CDN, etc.) est à étudier avec minutie pour apporter une solution qui réponde bien aux besoins : d’où sont servies les pages ? Les ressources statiques ? Un CDN est-il utilisé ? Quel CDN ?

Vous aussi souhaitez accélérer votre site chinois ?
Connaître le potentiel d’accélération de votre site web ?




VOUS AIMEREZ PEUT-ÊTRE AUSSI...

IKKS fait décoller son taux de transformation mobi... Le mobile est au cœur des usages, la tendance est au zapping et le temps d’attention devient de plus en plus court. Comment faire face à ces défis ...
4 pièges à éviter pour optimiser efficacement votr... Par manque de temps ou de ressources, la webperf ou l'amélioration des temps de chargement des pages web sont parfois reléguées au second plan. Dom...
CMS et temps de chargement des pages web Quel système de gestion des contenus (CMS, Content Management System) choisir pour garantir un temps de chargement optimal des pages de votre site ...
Le Early Hint ou comment précharger les assets d’u... Peut-être avez-vous déjà entendu parler du Early Hint ? Ou peut-être du code HTTP 103 ? Cette fonctionnalité, en cours de standardisation pa...