Vous avez été étranglé, mais n’arrêtez pas de naviguer!

Avec le déploiement des réseaux LTE à travers le monde au cours des dernières années, et toute l’excitation associée aux connexions mobiles à très haut débit, il peut être facile d’oublier que la vitesse de connexion normale dans de grandes parties du monde est lente à lente. En Asie-Pacifique, par exemple — le marché mobile à la croissance la plus rapide au monde —, 65% de toutes les connexions étaient 2G seulement en 2013. En Europe occidentale, environ 30 % de toutes les connexions en 2013 étaient uniquement en 2G; et d’ici 2019, le LTE représentera (seulement) 50% du marché. Alors que les connexions 2G uniquement devraient diminuer à mesure que de plus en plus de réseaux à travers le monde acquerront des capacités 3G et 4G, d’ici 2017, elles représenteront encore 47% du total.

En Amérique du Nord et en Europe occidentale, la 3G et la 4G dominent, mais à l’extrémité inférieure du marché, les forfaits consommateurs s’accompagnent le plus souvent d’une limite de la quantité de données pouvant être transférées sur ces réseaux à haut débit. Ces limites peuvent être faibles – aux États-Unis, par exemple, 30 $ par mois ne vous rapportent que 100 Mo de données; L’allemand Otelo propose 300 Mo pour 7,99 € par mois. Une fois qu’une limite a été atteinte, la limitation ou la tarification (souvent à un taux punitif) est la norme; cela signifie que même sur ces marchés développés, et même avec des forfaits « haut débit », une proportion de consommateurs n’ont pas un accès constant à l’Internet mobile rapide.


Une facture de téléphone assez importante (source: Flickr)

Comme nous l’avons déjà noté sur mobiForge, le poids des pages a suivi une trajectoire ascendante assez constante au cours des dernières années. En novembre 2014, la page d’accueil moyenne du bureau était de 1,9 Mo. Combinez la latence du réseau, les connexions 2G, les forfaits de données restreints et les sites Web chargés de données, faites-leur plaisir, et vous obtenez une expérience Web mobile lente et frustrante pour un grand nombre d’utilisateurs; une réalité qui a été plutôt occultée dans toute l’excitation des réseaux 3G et 4G.

Quand lent signifie vraiment lent

Le fait qu’un fournisseur limite la vitesse ou la charge par Mo au-delà d’une certaine limite varie d’un marché à l’autre, la limitation étant plus populaire dans certains (par exemple aux États-Unis et en Allemagne) et la charge plus populaire dans d’autres (au Royaume-Uni et en Australie).

Sur les marchés où la limitation est courante, les vitesses peuvent être réduites à 32 kbps. Vodafone en Espagne, sur ses plans Vodafone Yu, le fait, par exemple. En général, les vitesses sont réduites à 32kbps, 64kbps ou 128kbps, ou à un taux de transfert de 2G.

Pays Transporteur Lorsque la limite est atteinte ?
États-Unis À & T Vitesse réduite à 128kbps
États-Unis Virgin Mobile Vitesse réduite à 2G
États-Unis Boost Mobile Vitesse réduite à 2G
Royaume-Uni Vodafone Recharge
Royaume-Uni O2 Charge
Royaume-Uni Orange Chargement
Allemagne Otelo Vitesse réduite à 64kbps
Allemagne Lidl Mobile Vitesse réduite à 64kbps
Allemagne Vodafone Vitesse réduite à 32kbps
Espagne Vodafone Vitesse réduite à 32kbps
Espagne YoIGo Vitesse réduite à 64kbps
Espagne Carrefour Móvil Vitesse réduite à 128kbps
Espagne Tuenti Móvil Charge
Italie TIM Vitesse réduite à 32kbps
Italie Fastweb Vitesse réduite à 64kbps
Irlande Météore Charge
Irlande Vodafone Recharge
Irlande Trois Trois’ se réservent le droit de limiter votre service’

Certaines des approches adoptées par les opérateurs sur divers marchés une fois qu’une limite de données est atteinte

Une connexion étranglée est-elle utilisable?

À première vue, ces chiffres pourraient suggérer qu’il faut simplement abandonner — le Web est tout simplement inutilisable à ces vitesses. Cependant, les choses ne sont pas nécessairement si mauvaises, ou plutôt, elles ne doivent pas l’être. Sur une connexion étranglée (ou même une connexion payante au Mo), le nombre d’octets que votre site pousse vers un appareil devient crucial. Trop d’octets sur une connexion étranglée, et votre site devient tout simplement inutilisable.

Les consommateurs peuvent prendre les choses en main en utilisant un navigateur de transcodage comme Opera Mini, ou un transcodeur en ligne comme le Transcodeur Web de Google (oui, c’est toujours vivant!).

Alors qu’Opera Mini est un navigateur merveilleux, et a aidé plus de 300 millions d’utilisateurs sur des connexions lentes, ou des appareils bas de gamme, ou dans des territoires censurés, à avoir une meilleure expérience de navigation sur le Web, se tourner vers les transcodeurs comporte son propre ensemble de problèmes. Les interactions plus complexes, qui nécessitent javascript par exemple (e-commerce, remplissage de formulaires et même connexions) peuvent ne pas fonctionner avec un transcodeur assis entre votre site et vos visiteurs.

Et comme de nombreux sites Web deviennent de plus en plus faciles à utiliser pour les transcodeurs: avec des sites utilisant des plugins et des blocs de construction comme jQuery, Angular et Polymer, les sites Web de type application deviennent de plus en plus courants.

Avec les transcodeurs, vous perdez également un certain contrôle sur la conception de votre propre site, car un transcodeur, de par sa nature même, doit faire de son mieux pour presser et rejeter à la volée le site visité pour s’adapter à l’appareil de l’utilisateur. Malgré sa grande base d’utilisateurs, Opera Mini est souvent omis des plans de test du navigateur.

La sécurité mérite également d’être mentionnée ici. Bien qu’il s’agisse peut-être d’un risque acceptable pour de nombreux navigateurs occasionnels, le fait que vos données sensibles soient relayées via un proxy n’est pas idéal. Cela se résume vraiment à savoir si vous pouvez faire confiance à l’intermédiaire pour ne pas compromettre vos données.

Les transcodeurs tentent de résoudre le problème en comblant l’écart entre les capacités de l’appareil et les technologies du Web. Ils n’existeraient pas dans un monde Web idéal où chaque site pourrait prendre en charge de manière satisfaisante chaque appareil sur chaque connexion sur chaque territoire. Malheureusement, une grande partie de vos visiteurs peuvent ne pas savoir ce qu’est un transcodeur Web ou avoir déjà entendu parler d’Opera Mini, et encore moins l’avoir installé (les exceptions étant bien sûr sur les marchés où il est préinstallé sur des appareils populaires tels que le Nokia Asha). Donc, si vous comptez sur vos visiteurs ayant des problèmes de bande passante pour qu’un navigateur particulier soit installé avant qu’ils puissent consulter votre site, vous ne vous faites aucune faveur.

Qu’est-ce que cela signifie pour les développeurs ?

Que vous souhaitiez ou que vous ayez besoin de répondre aux besoins des utilisateurs sur des connexions lentes ou très lentes dépendra de votre entreprise et de la base d’utilisateurs de votre site. Mais, s’ils sont enclins, les développeurs et les propriétaires de sites peuvent en effet accueillir ces utilisateurs. Une approche consiste à mettre en œuvre la détection de la bande passante. L’idée est simple: si une connexion lente est détectée, une charge utile plus petite peut être fournie à l’appareil, par exemple en compressant les ressources d’image, ou en supprimant ou en adaptant JavaScript et CSS. Sur des connexions plus rapides, des ressources de meilleure qualité et un balisage et des scripts plus complets peuvent être utilisés. La qualité d’image et les frais généraux de l’interface utilisateur sont échangés contre de la vitesse, ce qui peut faire la différence entre un site utilisable et inutilisable.


Google utilise la détection de bande passante pour décider ce qu’il faut afficher aux utilisateurs

La détection de bande passante est implémentée tout autour de vous: Google le fait (essayez la recherche d’images sur une connexion lente), Facebook le fait, et vous pouvez le faire aussi! Dans l’exemple d’implémentation de l’article mentionné ci-dessus, une économie de poids de page d’environ 40x était possible sans dégrader l’expérience utilisateur. Au contraire, cette énorme économie de poids de page améliorera grandement l’expérience des utilisateurs sur des connexions de données lentes. Les résultats sont illustrés ci-dessous.

Site avant optimisation sur différents appareils

Bureau
1360 x 768
1 027 Ko
iPhone
320 x 480
1 027 Ko
Nokia 6300
240 x 320
1 027 Ko

Site après optimisation sur différents appareils

Bureau
1360 x 768
1 027 Ko
iPhone
320 x 480
153 Ko
Nokia 6300
240 x 320
25 Ko

Certaines des données derrière ces images sont présentées dans le tableau ci-dessous. Voir l’article pour plus de détails.

Site d’origine Ajouter un redimensionnement d’image JS adaptatif & CSS S’adapter à la connectivité
Taille de la page Temps de chargement Taille de la page Temps de chargement Taille de la page Temps de chargement Taille de la page Temps de chargement
iPhone 3G 1027 Ko 14s 253 Ko 7s 253 Ko 6s 153 Ko 5s
iPhone GPRS 1027 KB 2m 30s 253 KB 40s 253 KB 40s 153 KB 25s
Téléphone de fonction (2G) 1027 KO 203 KO 35s 87 KO 25s 25 KO 12s

Conclusion

On suppose souvent que les smartphones et le LTE sont assimilés à une connexion Internet mobile rapide et performante, et que la vitesse lente et la faible bande passante sont limitées aux marchés émergents. Cela n’est pas toujours vrai dans le monde très concurrentiel du marketing de plans de données et des utilisateurs soucieux de leur budget. La limitation des connexions de données  » à haut débit  » après qu’une certaine limite a été atteinte est une pratique courante chez les opérateurs du monde entier. Cela signifie qu’une partie de vos visiteurs utilisera une connexion très lente, même sur les marchés développés. Si vous opérez sur un marché où la limitation est courante, ne pas vous adapter aux clients confrontés à des problèmes de bande passante pourrait bien être une décision limitant le marché.