Equipo del Ecosistema de Desarrollo Web - Resumen de febrero

Mariko Kosaka
Te damos la bienvenida a la primera entrega de un resumen mensual en el que analizamos 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 los conceptos básicos web de este sitio 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 ciertamente no nos falta contenido. Comencemos con los grandes lanzamientos del equipo.

Lanzamientos

Workbox

Hace unos días, se lanzó Workbox 4.0.🎉 Esta actualización incluye excelentes funciones nuevas, 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. ¿Te preguntas cómo puedes usar Workbox en tu proyecto existente? Esta es una guía para usarlos con los agrupadores de tu preferencia. ¿No sabes qué problema ayuda a resolver la caja de trabajo? Consulta esta entrevista sobre service workers en el programa State of the Web.

lit-html y LitElement

El equipo del proyecto de polymer ha estado trabajando en la versión estable de lit-html y LitElement, dos bibliotecas de desarrollo web de nueva generación. ¿Quieres probarlas? Comienza con la guía de Prueba LitElement 📝.

Trusted Web Activities

Con el lanzamiento de Chrome 72, llegó al mercado la Actividad web de confianza (TWA). Los 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 AWP en Google Play Store.

Próximamente

Con la versión estable de Chrome 73 en el horizonte (12 de marzo), tenemos muchas funciones emocionantes por abordar.

V8: El motor de JavaScript de Chrome incluye muchas actualizaciones, como Object.fromEntries y String.prototype.matchAll. Consulta la nota de la versión 8.

¿Trabajas con audio y video en la Web? La compatibilidad con claves multimedia de hardware está aquí y la opción "Omitir anuncio" en la ventana de pantalla en pantalla ahora está en la prueba de origen. Consulta las actualizaciones de audio y video en Chrome 73 para obtener más información.

Hablando de la prueba de origen, prepárate para la prioridad de recuperación con Prioridad de recuperación. Los desarrolladores pueden establecer la importancia de un elemento <script>, <img> o <link> para indicarle al navegador cómo cargarlos. Todavía es una función experimental, así que pruébala y envía comentarios.

El rendimiento de la renderización siempre es una prioridad. 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 proporciona un desplazamiento rápido de la rueda de forma predeterminada.

Mientras anunciamos las nuevas funciones, también debemos despedirnos, así que asegúrate de consultar también las bajas y eliminaciones de Chrome 73.

Desarrollo nuevo

A continuación, te mostramos otros aspectos en los que hemos estado trabajando que afectarán a un navegador cercano.

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

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

Por último, Intersection Observer v2 presenta la idea de hacer un seguimiento de la "visibilidad" real de un objetivo.

Estamos jugando

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 formas de ayudar a los desarrolladores web de todas partes. Estos son algunos de los elementos con los que estuvimos jugando este mes.

Nuevos videos y podcasts

Martín está comenzando una nueva serie llamada JavaScript SEO. El primer episodio trata cómo la Búsqueda de Google indexa los sitios de JavaScript. Hace poco, Meggin presentó reflexiones sobre el proyecto web.dev en una reunión. Jake y Surma volvieron con un nuevo episodio del podcast HTTP203 en el que se habla sobre el experimento de rotación de imágenes.

También tenemos programas frecuentes, como "New in Chrome", "What's New in Herramientas" (Novedades de Herramientas para desarrolladores) y "The State of the Web"" en nuestro canal de YouTube.

Mención especial

¿Ya viste los ejemplos de Puppeteer? Es posible que lo hayas visto en el tweet de Eric Bidelman “📯The 12 Days of Puppeteer 🤹 Retry️🎁” el año pasado. Es una colección increíble de muestras de código de Puppeteer que te permite pensar de forma creativa sobre lo que puedes hacer con el navegador. Te recomendamos echarles un vistazo.

(Te deseamos 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, avísame en Twitter (@kosamari) ✅

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

En marzo, algunos de nosotros viajamos a la India con la esperanza de obtener más información sobre la experiencia web móvil allí ✈️ ¡Espero poder compartir lo que aprendamos allí!

Nos vemos el próximo mes 👋