El impacto del peso de la web en los usuarios con dispositivos lentos

El impacto del peso de las páginas web en los usuarios con dispositivos lentos

• En 2017 se investigó el impacto del peso de las páginas web en los usuarios con conexiones de internet lentas.
• Tanto dentro como fuera de Estados Unidos, todavía hay muchos usuarios que no cuentan con velocidades de banda ancha, y la web moderna es difícil de usar para quienes tienen internet lento.
• A medida que aumentaron las velocidades de banda ancha, el problema del peso de las páginas web se redujo en comparación con 2017, pero sigue siendo un problema grave para las personas con conexiones de baja velocidad.

Rendimiento de CPU y aplicaciones web

• El rendimiento de CPU para las aplicaciones web no ha aumentado tan rápido como el ancho de banda.
• La accesibilidad web está mejorando para las personas con dispositivos de gama baja, pero muchas páginas web se están volviendo inaccesibles para quienes usan ese tipo de dispositivos.
• Por ejemplo, al intentar navegar un foro moderno en un dispositivo de gama baja como el Tecno Spark 8C, el navegador suele fallar.

Rendimiento de los dispositivos económicos

• Los dispositivos económicos como el Tecno Spark 8C no se consideran de gama baja en todo el mundo.
• También se investigó el rendimiento de dispositivos aún más modestos, como el Itel P32.
• Se comparó el rendimiento de varios dispositivos (M3 Max Macbook, M1 Pro Macbook, etc.) y de distintas plataformas (blogs, foros, plataformas para pequeños negocios).

Tabla de medición de rendimiento

• Para cada sitio web se midieron el tamaño comprimido, el tamaño original, el Largest Contentful Paint (LCP) y el uso de CPU.
• El LCP es una métrica que mide el momento en que el usuario percibe que el contenido principal de la página ya es visible.
• El tiempo de CPU es una métrica simple que se correlaciona fuertemente con la percepción de usabilidad del usuario.

Opiniones adicionales sobre el impacto del peso de las páginas web en los usuarios con dispositivos lentos

Opinión de GN⁺

• El estudio sobre el impacto del peso de las páginas web en los usuarios con dispositivos lentos recuerda a los desarrolladores web la importancia de la optimización.
• Ofrece una mirada crítica a las tendencias modernas de desarrollo web que no consideran la experiencia de los usuarios con dispositivos de gama baja.
• Este estudio destaca la importancia de las técnicas de optimización web dirigidas a dispositivos de gama baja, como las Progressive Web Apps (PWA).
• Herramientas y técnicas para la optimización web, como Google PageSpeed Insights y Lighthouse, son útiles para los desarrolladores web.
• Los resultados del estudio subrayan la importancia de seguir estándares web y técnicas de optimización para mejorar la accesibilidad web para los usuarios con dispositivos de gama baja.

[GN⁺]

Comentarios de Hacker News

• En una reseña del Tecno Spark 8C se señala que puede ejecutar juegos 3D como PUBG con un rendimiento aceptable, pero eso no significa que sea lo bastante rápido para leer publicaciones en plataformas modernas de redes sociales centradas en texto o en foros web. En PUBG puede alcanzar 40fps, pero al hacer scroll en estos sitios puede caer por debajo de 0.4fps.
  • Se enfatiza que hay que tener cuidado cuando los equipos de marketing piden a los equipos de frontend implementar nuevos scripts de seguimiento asumiendo que los usuarios no notarán la diferencia.
• Se menciona que es importante ser conscientes de los distintos niveles de desigualdad en el mundo, y que esto también debe incluir a los países de ingresos medios, especialmente en América Latina y el Sudeste Asiático.
  • Por ejemplo, un usuario con un plan de datos de un solo dígito de GB al mes y con un perfil de RAM/CPU parecido al de un smartphone insignia de EE. UU. de hace 10 años puede usar Discourse, pero la experiencia puede ser lenta y desagradable.
  • Se cree que esta categoría de usuarios es la principal que explica la observación de Dan de que las mejoras graduales en CPU/RAM/disco mejoran de forma visible la participación.
• El gráfico de Dan muestra que la optimización incremental quizá no ayude a los usuarios con los dispositivos de gama más baja.
  • La única solución podría ser una arquitectura de cliente completamente distinta que sacrifique funciones y acabados para ofrecer el código más simple posible; es decir, un modo "light/basic".
  • Por desgracia, este enfoque rara vez ha demostrado ser exitoso, y los desarrolladores basados en EE. UU. a menudo toman malas decisiones sobre qué funciones/acabados conservar y cuáles descartar por rendimiento.
• A partir de una experiencia reciente con un teléfono Android relativamente lento, se comenta que cargar algunas páginas web que parecen ofrecer solo texto e imágenes puede ser muy difícil.
  • Este problema se complica por varios factores. Uno es que los teléfonos viejos o lentos a veces no pueden usar navegadores completos como Firefox para móviles. La propia app consume demasiados recursos incluso antes de abrir el sitio web.
  • Esto obliga a cambiar a un navegador simplificado como Firefox Focus, pero sin poder usar extensiones. Es decir, sin uBlock Origin, la experiencia web empeora aún más.
  • Otro problema es que si no se usa un navegador "estándar", algunos sitios pueden volverse inutilizables.
  • En estas situaciones, las empresas a menudo intentan forzar el uso de sus apps. No se sabe cuánto espacio ocuparán ni qué tan mal correrán en dispositivos con espacio limitado.
  • Muchas empresas/sitios ofrecían versiones simplificadas teniendo en cuenta dispositivos/conexiones lentos, pero últimamente esas versiones están desapareciendo y se vuelven más difíciles de encontrar.
• Al cambiar recientemente de un teléfono insignia LG de hace 6 años a un Galaxy nuevo, la diferencia de rendimiento fue enorme.
  • Era un teléfono de muy alta gama al momento de su lanzamiento, no es tan antiguo y aún funciona como nuevo.
  • Se sabe que el Galaxy S9 que se usa para probar código también sufre el mismo problema.
  • Se opina que habría sido bueno incluir Amazon en las pruebas. El sitio web de Amazon es de los peores en dispositivos móviles de más de unos 4 años.
• Se aporta el dato de que YouTube es inutilizable en una Raspberry Pi 3.
  • Es un problema que apareció el año pasado; antes de eso podía "verse" a unos 10-15FPS, suficiente por ejemplo para ver videos de reparación en el taller.
  • Cuando salió la Raspberry Pi Model B, podía reproducir video 1080p desde almacenamiento, ver YouTube y jugar.
  • No está claro qué está haciendo YouTube, pero estos problemas deberían tratarse con seriedad. Especialmente si realmente se toma en serio la crisis/cambio climático, los medios deberían criticar duramente a empresas como Google y Meta por consumir ciclos de CPU en dispositivos de bajo consumo, y se deberían usar servicios más eficientes aunque la UX general sea peor.
• Un usuario de 48 años menciona que le cuesta leer artículos en escritorio.
  • Mejora la legibilidad agregando en las herramientas de desarrollador el siguiente estilo al body:

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

  • Se enfatiza a los técnicos que eso solo añade 64 bytes para hacer la página más fácil de leer.
• Se señala que existe una fuerte tendencia de diseño para conectividad rápida y de alta calidad.
  • Por ejemplo, al intentar usar productos de Google en el wifi del avión, incluso solo chatear puede tardar minutos o nunca cargar, y con frecuencia falla, obligando a recargar de nuevo con un costo alto.
  • Se expresa el deseo de que los ingenieros de software se interesen en probar bajo condiciones no ideales. Baja velocidad, conectividad intermitente y pérdida de paquetes son realidades.
• Se menciona que "usuarios con dispositivos lentos" significa "personas que intentan conservar su equipo por más de unos pocos años".
  • Se propone que los desarrolladores inspeccionen el hardware de sus usuarios y se les obligue a usar el sistema común más lento un día a la semana. Si no les importa la eficiencia, quizá les importe cuando sea lo bastante doloroso.
• Normalmente gusta el trabajo de Dan Luu, pero se siente que este artículo no dio en el blanco.
  • La tabla de LCP/CPU es buena, pero después de eso el artículo se convierte un poco en psicología de sillón. A partir de algunos comentarios aleatorios del fundador de Discourse, se pide a los lectores que construyan una idea sobre las actitudes que supuestamente tienen los ingenieros de software.
  • Se siente que el artículo es demasiado suave y se apoya demasiado en discusiones de internet, por lo que no resulta realmente convincente.
• Se menciona que, si se quiere adaptar la accesibilidad de los sitios web para personas con dispositivos más lentos, especialmente quienes viven en países en desarrollo, hay más cosas a considerar.
  • Usar un inglés más claro y estructuras de oraciones simples puede hacer que el contenido sea más accesible para personas que no leen inglés con la misma fluidez que un estadounidense educado.
  • Conviene reducir la cantidad de solicitudes necesarias para cargar una página, porque la latencia puede ser alta y, por ejemplo, incluso la latencia al nodo edge de Cloudflare más cercano puede seguir siendo elevada.