L’impact du poids des pages web sur les utilisateurs d’appareils lents

L’impact du poids des pages web sur les utilisateurs de terminaux lents

• En 2017, une étude a examiné l’impact du poids des pages web sur les utilisateurs disposant d’une connexion Internet lente.
• Aux États-Unis comme ailleurs, de nombreux utilisateurs n’ont toujours pas accès à des débits haut débit, et le web moderne reste difficile à utiliser pour les personnes ayant une connexion lente.
• Avec l’augmentation des vitesses du haut débit, le problème du poids des pages web s’est atténué par rapport à 2017, mais il reste grave pour les personnes disposant de connexions à bas débit.

Performances CPU et applications web

• Les performances CPU pour les applications web n’augmentent pas aussi vite que la bande passante.
• Si l’accessibilité du web s’améliore pour les personnes disposant d’appareils modestes, de nombreuses pages web deviennent néanmoins inaccessibles sur ce type de terminaux.
• Par exemple, lorsqu’on essaie de naviguer sur un forum moderne avec un appareil peu puissant comme le Tecno Spark 8C, le navigateur plante souvent.

Performances des appareils bon marché

• Des appareils abordables comme le Tecno Spark 8C ne sont pas considérés comme des terminaux bas de gamme à l’échelle mondiale.
• Les performances d’appareils encore moins puissants, comme l’Itel P32, ont également été étudiées.
• L’étude compare les performances de différents appareils (Macbook M3 Max, Macbook M1 Pro, etc.) et de différentes plateformes (blogs, forums, plateformes pour petites entreprises).

Tableau de mesure des performances

• Pour chaque site web, la taille compressée, la taille d’origine, le Largest Contentful Paint (LCP) et l’utilisation CPU ont été mesurés.
• Le LCP est un indicateur qui mesure le moment où l’utilisateur perçoit que le contenu principal de la page est visible.
• Le temps CPU est un indicateur simple fortement corrélé à la perception de la facilité d’usage par l’utilisateur.

Avis complémentaires sur l’impact du poids des pages web sur les utilisateurs d’appareils lents

L’avis de GN⁺

• Cette étude sur l’impact du poids des pages web sur les utilisateurs d’appareils lents rappelle aux développeurs web l’importance de l’optimisation.
• Elle offre un regard critique sur les tendances du développement web moderne, qui ne prennent pas suffisamment en compte l’expérience des utilisateurs d’appareils peu puissants.
• L’étude souligne l’importance des techniques d’optimisation web pour les terminaux bas de gamme, comme les Progressive Web Apps (PWA).
• Les outils et techniques d’optimisation web, comme Google PageSpeed Insights ou Lighthouse, sont utiles pour les développeurs web.
• Les résultats mettent en avant l’importance du respect des standards du web et des techniques d’optimisation afin d’améliorer l’accessibilité web pour les utilisateurs d’appareils peu puissants.

[GN⁺]

Avis Hacker News

• Une critique du Tecno Spark 8C souligne qu’il peut faire tourner des jeux 3D comme PUBG avec des performances correctes, mais que cela ne signifie pas qu’il soit assez rapide pour lire des publications sur des plateformes sociales modernes centrées sur le texte ou sur des forums web.
  • Il peut atteindre 40 fps sur PUBG, mais tomber à moins de 0,4 fps en faisant défiler ce type de sites.
  • Cela souligne qu’il faut se méfier de l’hypothèse selon laquelle les utilisateurs ne remarqueront pas la différence quand l’équipe marketing demande à l’équipe frontend d’implémenter un nouveau script de tracking.
• Il est important d’être conscient des différents niveaux d’inégalités dans le monde, y compris dans les pays à revenu intermédiaire, notamment en Amérique latine et en Asie du Sud-Est.
  • Par exemple, des utilisateurs avec un forfait data de quelques Go par mois et un profil RAM/CPU comparable à celui d’un smartphone flagship américain d’il y a 10 ans peuvent utiliser Discourse, mais l’expérience peut être lente et désagréable.
  • L’auteur pense que cette catégorie d’utilisateurs explique en grande partie l’observation de Dan selon laquelle des améliorations progressives du CPU, de la RAM et du disque améliorent sensiblement l’engagement.
• Le graphique de Dan montre que les optimisations progressives peuvent ne pas aider les utilisateurs des appareils les plus bas de gamme.
  • La seule solution pourrait être une architecture client totalement différente, fournissant le code le plus minimal possible au prix de fonctionnalités et de finitions sacrifiées, autrement dit un mode « light/basic ».
  • Malheureusement, cette approche s’est rarement révélée efficace, et les développeurs basés aux États-Unis prennent souvent de mauvaises décisions sur ce qu’il faut conserver ou abandonner pour les performances.
• D’après une expérience récente avec un téléphone Android relativement lent, charger certaines pages web qui semblent ne proposer que du texte et des images peut être très pénible.
  • Le problème est compliqué par plusieurs facteurs. L’un d’eux est que les téléphones anciens ou lents ne peuvent parfois pas utiliser un navigateur complet comme Firefox mobile. L’application elle-même consomme trop de ressources avant même d’ouvrir le site.
  • Cela oblige à passer à un navigateur simplifié comme Firefox Focus, mais sans extensions.
  • Donc pas de ublock origin, ce qui rend l’expérience web encore pire.
  • Un autre problème est que certains sites peuvent devenir inutilisables si l’on n’utilise pas un navigateur « standard ».
  • Dans ce genre de situation, les entreprises essaient souvent d’imposer leur application, sans qu’on sache combien d’espace elle prendra sur un appareil déjà limité ni à quel point elle fonctionnera mal.
  • Beaucoup d’entreprises et de sites proposaient des versions allégées pour les appareils et connexions lents, mais ces versions disparaissent de plus en plus ou deviennent difficiles à trouver.
• Lors d’un passage récent d’un LG flagship vieux de 6 ans à un nouveau Galaxy, la différence de performances était énorme.
  • C’était un téléphone très haut de gamme à sa sortie, pas si ancien, et il fonctionne encore comme neuf.
  • L’auteur sait aussi que le Galaxy S9 utilisé pour tester du code souffre du même problème.
  • Il suggère qu’il aurait été utile d’inclure Amazon dans les tests. Le site d’Amazon est l’un des pires sur les appareils mobiles vieux d’environ 4 ans ou plus.
• Un autre point de donnée est que YouTube est devenu inutilisable sur Raspberry Pi 3.
  • C’est un problème apparu l’année dernière ; auparavant, on pouvait encore le « regarder » à environ 10-15 FPS, ce qui suffisait par exemple pour consulter des vidéos de réparation dans un atelier.
  • À la sortie du Raspberry Pi Model B, on pouvait lire des vidéos 1080p depuis le stockage, regarder YouTube et jouer.
  • On ne sait pas exactement ce que fait YouTube, mais ce problème devrait être pris au sérieux, surtout si l’on réfléchit sérieusement à la crise climatique. Des entreprises comme Google et Meta devraient être publiquement critiquées pour le gaspillage de cycles CPU sur des appareils basse consommation, et il faudrait utiliser des services plus efficaces même si l’UX globale est moins bonne.
• Un utilisateur de 48 ans mentionne qu’il a du mal à lire les articles sur desktop.
  • Il améliore la lisibilité en ajoutant dans les outils de développement le style suivant au body :

    font-size: 18px;
    line-height: 1.5em;
    max-width: 38rem;
    

  • Il souligne auprès des techniciens que cela ne représente que 64 octets ajoutés pour rendre une page plus lisible.
• Il note qu’il existe une forte tendance à concevoir pour une connectivité rapide et de haute qualité.
  • Par exemple, en essayant d’utiliser des produits Google sur le Wi‑Fi d’un avion, même le chat peut mettre plusieurs minutes à charger, voire ne jamais charger, planter souvent, puis devoir être rechargé à nouveau à grand coût.
  • Il souhaiterait que les ingénieurs logiciel s’intéressent davantage aux tests dans des conditions non idéales. Les faibles débits, la connectivité intermittente et la perte de paquets sont des réalités.
• Il est mentionné que « les utilisateurs ayant des appareils lents » désigne aussi « les gens qui essaient de garder leur matériel plus de quelques années ».
  • Les développeurs devraient auditer le matériel de leurs utilisateurs et être forcés d’utiliser le système commun le plus lent un jour par semaine. S’ils ne se soucient pas de l’efficacité, ils finiront peut-être par s’y intéresser quand ce sera suffisamment pénible.
• L’auteur apprécie généralement les écrits de Dan Luu, mais estime que celui-ci rate sa cible.
  • Le tableau LCP/CPU est bon, mais ensuite l’article bascule un peu dans la psychologie de comptoir. À partir de quelques commentaires aléatoires du fondateur de Discourse, on demande aux lecteurs de se faire une idée des attitudes supposées des ingénieurs logiciel.
  • L’article paraît trop mou et trop appuyé sur des polémiques internet pour être vraiment convaincant.
• Si l’on veut rendre les sites web plus accessibles aux personnes ayant des appareils plus lents, en particulier dans les pays en développement, il faut tenir compte d’autres aspects.
  • Utiliser un anglais plus clair et des structures de phrases plus simples peut rendre le contenu plus accessible à ceux qui ne lisent pas l’anglais avec la même aisance qu’un Américain diplômé.
  • Il est aussi préférable de réduire le nombre de requêtes nécessaires pour charger une page, car la latence peut être élevée et, par exemple, même la latence vers le nœud edge Cloudflare le plus proche peut rester importante.