Equipo del Ecosistema de Desarrollo Web - Resumen de febrero

Mariko Kosaka
X
Te damos la bienvenida a la primera entrega de un resumen mensual en el que repasamos lo que sucedió en el equipo del ecosistema de desarrolladores web✨

Somos un equipo de ingenieros y comunicadores que producen artículos y muestras de código, como este sitio web de conceptos básicos de la Web y nuestro nuevo portal web.dev. También puedes ver nuestro trabajo en nuestro canal de YouTube y no olvides seguirnos en @ChromiumDev.

Febrero es un mes corto, pero no nos falta contenido. Comencemos con los lanzamientos importantes del equipo.

Versiones

Workbox

Hace poco, se lanzó Workbox 4.0 hace unos días.🎉 Esta versión incluye funciones nuevas y excelentes, como workbox-window, y mejoras en muchos de los paquetes de Workbox existentes. Si ya usas Workbox, consulta la guía de migración de la versión 3 a la 4. ¿Quieres saber cómo puedes usar Workbox en tu proyecto existente? Aquí tienes una guía para usarlos con los empaquetadores que elijas. ¿No sabes qué problema ayuda a resolver Workbox? Consulta esta entrevista sobre los trabajadores del servicio en el programa State of the Web.

lit-html y LitElement

El equipo del proyecto de Polymer estuvo ocupado trabajando en la versión estable de lit-html y LitElement, dos bibliotecas de desarrollo web de nueva generación. ¿Quieres probarlos? Comienza con la guía Try LitElement 📝

Trusted Web Activities

Con el lanzamiento de Chrome 72, la Actividad web de confianza (TWA) llegó al mercado. Las TWA te permiten tener Chrome en pantalla completa dentro de una actividad de Android, lo que significa que puedes llevar tu contenido web a la esfera de la app. 📱 Consulta esta guía de introducción o lee cómo @svenbudak puso su PWA en Google Play Store.

Qué sigue

Con la versión estable de Chrome 73 en el horizonte (12 de marzo), tenemos muchas funciones interesantes para analizar.

V8: El motor de JavaScript de Chrome tiene muchas actualizaciones, como Object.fromEntries y String.prototype.matchAll. Consulta las notas de la versión v8.

¿Trabajas con audio y video en la Web? Ya está disponible la compatibilidad con las teclas multimedia de hardware, y la opción "Omitir anuncio" en la ventana de pantalla en pantalla ahora está en prueba original. Consulta Actualizaciones de audio y video en Chrome 73 para obtener más información.

A propósito de la prueba de origen, prepárate para la prioridad de recuperación con Fetch Priority. Los desarrolladores pueden establecer la importancia de un elemento <script>, <img> o <link> para indicarle al navegador cómo cargarlos. Esta función aún es experimental, así que pruébala y envíanos tus comentarios.

El rendimiento de la renderización siempre está en mente. En Chrome 73, los objetos de escucha wheel y mousewheel registrados en destinos raíz (ventana, documento o cuerpo) serán objetos de escucha pasivos de forma predeterminada, lo que proporcionará un desplazamiento rápido de la rueda de forma predeterminada.

A medida que damos la bienvenida a las funciones nuevas, también debemos despedirnos de algunas, así que asegúrate de consultar las bajas y eliminaciones de Chrome 73.

Desarrollo nuevo

A continuación, te mostramos algunas de las funciones en las que estamos trabajando y que llegarán a un navegador cerca de ti.

Para ayudar a evitar la escritura de secuencias de comandos entre sitios, estamos desarrollando una nueva API llamada Tipos de confianza. Si habilitas los tipos de confianza (a través de la Política de Seguridad del Contenido), se bloqueará el documento de la inserción de DOM. Estamos trabajando para proporcionar más ejemplos de código y guías sobre este tema, pero mientras tanto, obtén más información sobre los tipos de confianza para probarlos.

Es posible que pronto presionar los botones Atrás y Adelante en Chrome sea muy rápido. Estamos explorando una nueva caché de atrás/adelante para almacenar en caché páginas en la memoria cuando el usuario salga de ellas. Consulta la explicación y un prototipo de bfcache en esta publicación.

Por último, el Observador de intersección v2 presenta la idea de hacer un seguimiento de la "visibilidad" real de un objetivo.

Qué estamos probando

Nuestro trabajo no termina con las funciones del navegador. También analizamos el rendimiento de las aplicaciones web, compilamos apps web y pensamos en diferentes maneras de ayudar a los desarrolladores web en todo el mundo. Estas son algunas de las novedades que probamos este mes.

Videos y podcasts nuevos

Martin comenzará una nueva serie llamada JavaScript SEO. El primer episodio trata sobre cómo la Búsqueda de Google indexa los sitios de JavaScript. Recientemente, Meggin presentó reflexiones sobre el proyecto web.dev en un encuentro. Jake y Surma vuelven con un nuevo episodio del podcast HTTP203 en el que se analiza el experimento de rotación de imágenes.

También tenemos programas habituales, como “Novedades de Chrome”, “Novedades de DevTools” y “El estado de la Web”, en nuestro canal de YouTube.

Mención especial

¿Has visto los ejemplos de Puppeteer? Es posible que lo hayas visto en el tweet de Eric Bidelman "📯The 12 Days of Puppeteer 🤹🏻‍♂️🎁" del año pasado. Es una colección increíble de muestras de código de Puppeteer que te permiten pensar de forma creativa sobre lo que puedes hacer con el navegador. Deberías revisarlos.

(Mucha suerte en tu nuevo emprendimiento, Eric). Te extrañaremos).

Conclusión

¿Qué te pareció el primer resumen mensual? Si te gustó o tienes ideas para mejorarlo, cuéntame en Twitter @kosamari ✅

Si compilaste algo nuevo con las funciones que se presentan aquí o cambiaste algo en tu base de código según nuestros artículos, asegúrate de informarnos al respecto en @ChromiumDev.

En marzo, algunos de nosotros viajaremos a la India para obtener más información sobre la experiencia de la Web móvil allí ✈️. Esperamos compartir lo que aprendamos.

Nos vemos el próximo mes👋