Publicado el 13 de diciembre de 2024
Estar en línea cuando la Web recién comenzaba significaba esperar pacientemente a través de una conexión telefónica lenta y jugar con bits de Perl y HTML. Sin embargo, la Web evolucionó de forma exponencial en lo que parece un instante. Ya sea que recibas entregas de comestibles de último momento o que uses la IA para resumir una gran cantidad de artículos largos, un vínculo ahora es un portal a infinitas posibilidades.
Por eso, a muchos de nosotros nos encanta la Web. Para ayudarte a cautivar a más personas de todo el mundo, lanzamos nuevas herramientas para todos los desarrolladores web, ya sean principiantes o profesionales, y trabajen en el frontend o en el backend.
Consulta nuestro resumen de 2024 sobre las capacidades innovadoras que te permiten crear experiencias web más imaginativas con menos esfuerzo.
La IA integrada en Chrome ayuda a los desarrolladores a ofrecer funciones potentes con Gemini
En Google I/O 2024, anunciamos cómo usamos la IA para potenciar la Web con Gemini Nano integrado directamente en Chrome. Hasta la fecha, más de 13,000 usuarios se unieron al programa de versión preliminar anticipada para ayudarnos a definir el futuro de la Web. Agradecemos mucho tus contribuciones y esperamos con ansias todas las experiencias innovadoras basadas en IA que crearás.
Para ayudarte a aprovechar al máximo la IA, lanzamos varias APIs integradas en pruebas de origen, como la API de Prompt, la API de Translator, la API de Summarizer y la API de Language Detector experimentales. Todas te permiten ejecutar tareas potenciadas por IA en el navegador sin llamadas al servidor, y no es necesario que administres ni implementes tus propios modelos de IA. Más de 8,600 desarrolladores se registraron para el Desafío de IA integrada en Google Chrome para crear una app web o una extensión de Chrome con estas APIs. Anunciaremos a los ganadores a mediados de enero, así que no te pierdas las novedades.
La IA integrada en el dispositivo se potencia con las mejoras de WebAssembly (Wasm) y WebGPU
Creemos que la Web es el mejor tiempo de ejecución para que compiles apps potenciadas por IA que puedan llegar a todos. Para complementar nuestro trabajo en las APIs de IA integradas, también mejoramos dos tecnologías que te permiten incorporar tus propios modelos de IA a la Web y ejecutarlos con rapidez: WebGPU y Wasm.
Presentamos valores de punto flotante de 16 bits en WebGPU y productos escalares de números enteros empaquetados, que permiten un uso más flexible de la GPU de un dispositivo con sombreadores de procesamiento. Entre las mejoras futuras planificadas para WebGPU, se incluyen los subgrupos y las matrices de subgrupos. Estas funciones permitirán que las apps se comuniquen rápidamente entre los subprocesos de la GPU y aprovechen al máximo la multiplicación de matrices de tamaño fijo. También presentaremos Memory64 para Wasm en 2025, lo que permitirá que se aborden modelos de IA más grandes en la memoria.
La API de View Transition hace que los sitios se sientan más conectados que nunca con una navegación fluida
Con nuevas funciones, como las transiciones de vista entre documentos, puedes crear una navegación fluida y sin interrupciones en varias páginas. Solo se necesitan unas pocas líneas de CSS para deshacerse de esos molestos "parpadeos" de recarga. La navegación fluida y similar a la nativa resultante te ayuda a ofrecer experiencias más envolventes y, al mismo tiempo, mantener los beneficios de las arquitecturas de varias páginas.
El posicionamiento de ventanas emergentes y anclas de CSS permite superposiciones interactivas sin JavaScript
Ahora puedes crear tooltips, menús y otras superposiciones con popover y conectarlos visualmente a sus elementos activadores con la API de CSS Anchor Positioning. Todo lo que necesitas es un poco de CSS y HTML para asegurarte de que las superposiciones permanezcan ancladas y visibles, incluso cuando las personas se desplazan o cambian el tamaño de las ventanas. Tus usuarios obtienen una experiencia web más confiable y dinámica, y tú te liberas de la administración del índice Z y de las complicadas operaciones matemáticas de posicionamiento de JavaScript. todos ganan.
La API de Speculation Rules desbloquea la navegación casi instantánea con la renderización previa de páginas
Los tiempos de carga de las páginas pasaron de rápidos a casi instantáneos este año con la API de Speculation Rules. Esta API, que solo requiere unas pocas líneas de JSON para implementarse, permite que las páginas se rendericen previamente por completo en segundo plano para que estén listas cuando las necesiten tus usuarios.
Interaction to Next Paint (INP) se convierte en una métrica web esencial
En marzo, INP reemplazó al retraso de primera entrada como métrica web esencial para ayudarte a medir la capacidad de respuesta de la página de forma más integral más allá de la primera entrada del usuario. Desde entonces, hubo un aumento del 9% en la cantidad de sitios con un INP "bueno" en dispositivos móviles, lo que se traduce en experiencias del usuario más rápidas y agradables en toda la Web.
Autocompletar te permite deleitar a los usuarios con confirmaciones de compra en línea más fluidas
Habilitar la función de autocompletar, que permite que los navegadores completen automáticamente los campos de formularios con la información guardada de los usuarios, puede alentar a las personas a terminar de enviar los formularios. Cuando el equipo de Chrome analizó datos agregados y anónimos de miles de formularios en línea, descubrió que el abandono de formularios se redujo en un 75% en promedio cuando se usó la función Autocompletar. Si bien muchos factores contribuyen a una experiencia de confirmación de compra positiva, los datos sugieren que la función Autocompletar puede ser útil.
Autocompletar es particularmente útil para los flujos de confirmación de compra de comercio electrónico. En Shopify, las confirmaciones de compra como invitado que usan la función de autocompletar tienen un porcentaje de conversiones de confirmación de compra un 45% más alto que las confirmaciones de compra como invitado sin autocompletar.
Las Herramientas para desarrolladores de Chrome mejoran con soluciones potenciadas por IA
Quizás recuerdes que presentamos Gemini en las Herramientas para desarrolladores de Chrome con estadísticas de la consola, lo que te permite acceder a la depuración potenciada por IA para solucionar problemas de manera más eficiente. Desde Google I/O 2024, esta función está disponible en todo el mundo.
También lanzamos el panel de asistencia de IA, que usa Gemini para ayudarte a comprender los detalles técnicos de tu página, como el diseño, las solicitudes de red, las fuentes y el rendimiento.
Es posible que también hayas notado que el panel Rendimiento recibió muchas mejoras este año, incluida la capacidad de supervisar las Métricas web esenciales en tiempo real y agregar anotaciones. Además, incorporamos la potencia de Lighthouse al panel Rendimiento con las estadísticas de rendimiento.
Con estas mejoras habilitadas por IA, las mejoras en el panel de rendimiento y docenas de actualizaciones de calidad de vida, como las insignias de desplazamiento, las Herramientas para desarrolladores de Chrome son más útiles que nunca. En 2025, se lanzarán aún más mejoras, como un rendimiento actualizado con los nuevos modelos de Gemini 2.0.
Baseline 2024 ofrece a los desarrolladores nuevas funciones web para varios navegadores
Desde la interpolación de gradientes hasta las propiedades personalizadas registradas, Baseline 2024 incluye 39 funciones web nuevas y compatibles con varios navegadores hasta el momento. No deberías preocuparte por la interoperabilidad una vez que una función haya formado parte de Baseline durante al menos 30 meses. Sin embargo, si intentas decidir si vale la pena usar una función nueva y, potencialmente, perder algo de alcance, consulta la sección RUM Archive Insights de Akamai para conocer las funciones de cada versión de referencia y la proporción de usuarios a nivel mundial.
Nuestro anuncio favorito de Baseline del año es el panel de estado de la plataforma web, que muestra todas las funciones web junto con su nivel de compatibilidad entre navegadores. Lo que es aún más emocionante es que los datos que impulsan el panel de estado de la plataforma web son abiertos y están disponibles para que los uses y los integres en tus propias herramientas. Un gran ejemplo de esto es el banner de referencia.
Los principales navegadores hacen que más funciones sean de referencia con Interop 2024
Para agregar más funciones a Baseline, volvimos a trabajar con nuestros socios en Interop 2024. Las funciones objetivo de este año incluyen ventanas emergentes, anidación de CSS, ajuste del tamaño de la fuente y sintaxis de color relativa.
Interop también describe las puntuaciones de las versiones experimentales y estables de los navegadores. Actualmente, la puntuación general de Interoperabilidad para los navegadores estables es de 87, y Chrome Estable tiene una puntuación de 98 a medida que nos acercamos al final del año. Puedes mantenerte al tanto del progreso de los navegadores en el Panel de interoperabilidad. Ya estamos planificando Interop 2025, que anunciaremos en febrero.
Juntos, le damos forma al crecimiento de la Web en el nuevo año
Si bien nuestro progreso en 2024 es emocionante, sabemos que el futuro es aún más prometedor. Y todo eso es gracias a la pasión, los comentarios y la innovación colectivos de ustedes, nuestra comunidad de desarrolladores. En eventos de todo el mundo, desde la Conferencia de BrazilJS y el DevFest París hasta Google I/O 2024 y la primera Cumbre de IA Web, una cosa nos quedó clara una y otra vez: todos ustedes creen en el poder y el potencial de la Web tanto como nosotros.
Tienes ideas más audaces que nunca. Nos dedicamos a ayudarte a darles vida. Así que mantente conectado con nosotros en X, YouTube y LinkedIn para conocer nuestras actualizaciones más recientes, y reinventemos juntos el poder de la Web.