Registro de tecnología web 2023: rendimiento de React, PWA, navegadores iOS

Cuándo Figma se vendió a Adobe El año pasado fue, en cierto sentido, un triunfo de los estándares web. Figma se basa en WebGL, JavaScript y (último) WebAssembly. Fue otra señal del poder continuo de las tecnologías web, que en muchos casos ahora son tan poderosas como las aplicaciones nativas.

Sin embargo, todavía hay algunos problemas que preocupan a los observadores de estándares web a medida que nos acercamos al nuevo año. En este artículo, examinamos tres de los problemas más importantes: los problemas de rendimiento de JavaScript causados ​​por la dependencia excesiva de React, el desarrollo de aplicaciones web progresivas (o no) y si Apple tiene o no signos de abrir la plataforma iOS. motores de navegación externos.

Reaccionar e impactar en el ecosistema de JavaScript

React continúa ganando popularidad en la comunidad de JavaScript, sin embargo, existe una creciente insatisfacción con la gran carga que impone a los navegadores, lo que puede significar problemas de rendimiento para muchos usuarios.

Según Alex Russell Desde el equipo de Microsoft Edge, “los sitios continúan enviando más secuencias de comandos de lo que es aceptable para más del 80 % de los usuarios del mundo, ampliando la brecha entre los que tienen y los que no tienen”.

Russell lo llama una “crisis ética para la interfaz” y culpa directamente a React y los marcos que lo usan. Cita el sitio CA.gov del gobierno del estado de California, que por alguna maldita razón funciona lento debido a “una implementación oficial de Twitter creada con React, Next.js y todo un desfile de horrores modernos”.

Me comuniqué con Russell y le pregunté si tenía algún consejo para los desarrolladores, los fanáticos de React u otras personas que estuvieran pensando en su oficio a principios de 2023.

“Mi consejo para los desarrolladores y directores ejecutivos comienza con obtener dispositivos representativos para probar durante el desarrollo”, respondió. “No hay sustituto para realmente sentirlo. Las personas pueden progresar desde allí ejecutando algo como webpagetest.org en sus CI y/o adoptando presupuestos de rendimiento.

Cuando se trata de qué marcos frontend se utilizarán en 2023, es poco probable que React y sus hermanos desaparezcan pronto. Pero al menos hay promueve el crecimiento en marcos más nuevos que producen código menos pesado, como Esbelto y incendio.

PWA: buen soporte de navegador, pero no está interesado en plataformas móviles

Las aplicaciones web progresivas (PWA) son básicamente sitios web, pero tienen una funcionalidad similar a una aplicación nativa de iOS o Android. Informé sobre las oportunidades de ascenso de las PWA en 2021. Las PWA han continuado fortaleciéndose desde entonces, en gran parte gracias a Google y su Proyecto Fugu (también debido a la flexibilidad del equipo de Google Chrome con respecto a esta función).

Tomas Steiner, un defensor de los desarrolladores en Project Fugu, me dio una actualización sobre su progreso reciente. Está particularmente complacido con el mayor soporte para navegadores cruzados de muchas de sus API.

“La gran, gran historia de éxito entre navegadores es definitivamente el trato con Origin Private File System (OPFS)”, dijo. “Esto abre casos de uso completamente nuevos, como SQLite compilado en Wasm y compatible con OPFS. Hay más API como códecs web, Screen Wake Lock y Async Clipboard (entre otros). [now] consulte compatibilidad con varios navegadores. El tema principal para 2023 en el equipo Fugu mejorar las API existentes.”

Por lo tanto, los proveedores de navegadores parecen haber saltado en gran medida detrás de los PWA. Sin embargo, las plataformas de desarrollo móvil no están interesadas en integrar tecnologías web, incluido el propio equipo Android de Google, según Chris Coyier. mostrado a principios de este mes. Coyier se refirió a la documentación para desarrolladores de Android, que enumera Kotlin, Java y C++ como lenguajes admitidos, y comentó tímidamente: “No estás creando un sitio web. No hay tecnologías web enumeradas allí”.

Para los usuarios finales, existe al menos un buen directorio de PWA: Areas de aplicación Enumera algunas de las principales aplicaciones que tienen una opción de PWA, incluidas Instagram, Twitter y Telegram.

Prohibición del navegador de Apple: bajo presión, pero aún sin acción

Una de las frustraciones restantes con los PWA es que los usuarios de Apple son los que menos probabilidades tienen de poder usarlos. El motivo de esto es una decisión que tomó Apple hace mucho tiempo prohibir los motores de navegador rivales en la plataforma iOS. Al obligar a los proveedores de navegadores como Google, Microsoft y Mozilla a usar el motor de navegador WebKit, Apple limita deliberadamente la funcionalidad de las aplicaciones web en iOS, lo que afecta en particular a las PWA.

Apple aún no se ha abierto a motores de navegación externos. Sin embargo, ha habido cierta presión por parte de la Autoridad de Mercados y Competencia (CMA), el regulador antimonopolio del Reino Unido, que lanzará una investigación de mercado de ecosistemas móviles en 2021. En junio de 2022, la CMA publicó los resultados de su informe. cual dijo estaba “consultando sobre el lanzamiento de una investigación de mercado sobre el poder de mercado de Apple y Google en los navegadores móviles”. Sin embargo, aún no se han tomado medidas de cumplimiento.

Hubo una nueva esperanza a fines del año pasado, aunque un informe Resultó ser Apple. Teniendo en cuenta Elimina el requisito de que los navegadores web de iPhone y iPad utilicen WebKit. Apple citó la Ley de Mercados Digitales de la UE como una motivación. Sin embargo, no se dio un plazo.

Según Mateo Tomás Defensa de la Web Abierta El grupo que presionó a Apple para que abriera seguirá presionando a las agencias gubernamentales de todo el mundo.

“Estamos en contacto con varios reguladores de todo el mundo, incluidos CMA del Reino Unido, ACCC de Australia, HDMC de Japón, NTIA de EE. UU. y varios reguladores de la UE”, dijo. “Nuestro principal objetivo es eliminar la regla 2.5.6 de Apple [in Apple’s App Store review guidelines] prohibiendo los motores de navegador de la competencia, pero en términos más generales nos centramos en aumentar la competencia de navegadores y aumentar la competencia entre las aplicaciones nativas y las aplicaciones web.

“Estos problemas ahora están siendo investigados seriamente por una serie de organismos reguladores de todo el mundo”, dijo Thomas.

Señaló la Ley de Mercados Digitales de la UE como una historia de éxito para OMA. “Pudimos incorporar navegadores, motores de navegación y aplicaciones web al texto final de la ley”, dijo.

El resultado

Los tres problemas anteriores muestran que hay mucho impulso para tratar de resolver los tres problemas destacados, especialmente de los grupos de navegadores de Google, Microsoft y Mozilla, y de grupos independientes como OMA.

Sin embargo, las actualizaciones anteriores también muestran que las grandes plataformas (Apple iOS, la división de Android de Google y Meta) no renunciarán voluntariamente al poder en sus diversos poderes. Incluso con React, que es el menos problemático de los tres en términos de solidez de la plataforma, hay pocos indicios de que Meta esté preocupada por los problemas de rendimiento asociados con el enfoque.

Pero quiero terminar con una nota esperanzadora, así que tal vez 2023 sea el año en que la web finalmente pase a iOS y los desarrolladores frontend comiencen a prestar más atención al rendimiento para los usuarios finales.