L'illusion des performances de l'iPhone : une réalité déconcertante pour les développeurs web

2025-01-09
L'illusion des performances de l'iPhone : une réalité déconcertante pour les développeurs web

Cet article met en lumière un écart de performance significatif dans les applications web mobiles. À l'aide des données de Rum Archive, l'auteur compare les vitesses de chargement des pages web des utilisateurs iOS et Android au Royaume-Uni, révélant que les utilisateurs Android connaissent un First Contentful Paint (FCP) 34 % plus lent et un Time To Interactive (TTI) incroyablement 66 % plus lent. En analysant la corrélation entre les scores de performance CPU GeekBench et l'Interaction to Next Paint (INP), l'auteur montre que les appareils Android bas de gamme affichent des temps INP significativement plus élevés que les appareils haut de gamme, et même les anciens iPhones surpassent les derniers appareils Android haut de gamme. L'auteur souligne que la grande base d'utilisateurs Android ne doit pas être négligée ; négliger leur expérience conduit à des occasions manquées. L'article exhorte les développeurs à comprendre la diversité des appareils de leurs utilisateurs, à utiliser des outils RUM pour obtenir des informations sur les conditions réelles et à simuler des appareils bas de gamme pendant le développement et les tests afin de créer des applications web plus inclusives.

Lire plus

Rompre avec les tâches longues : maîtriser les boucles asynchrones pour les performances web

2025-01-04
Rompre avec les tâches longues : maîtriser les boucles asynchrones pour les performances web

Cet article explore l’optimisation des boucles JavaScript pour éviter le blocage du thread principal et améliorer les performances web. L’auteur souligne que l’utilisation de boucles `for...of` ou de méthodes comme `forEach` directement sur des tableaux volumineux peut créer des tâches longues, entraînant une expérience utilisateur lente. La solution consiste à utiliser `scheduler.yield` ou `setTimeout(0)` avec `async/await` pour décomposer les tâches longues en tâches plus petites, en cédant le contrôle après chaque itération pour maintenir la réactivité. L’article explore également les stratégies de traitement par lots et d’optimisation de la fréquence d’images pour équilibrer la réactivité et l’efficacité du traitement. En fin de compte, il est recommandé de choisir une taille et une stratégie de lot appropriées en fonction des besoins spécifiques de l’application pour une expérience utilisateur optimale.

Lire plus