Novedades de Chrome 60

Pete LePage

  • La API de Paint Timing te permite medir el tiempo para el primer procesamiento de imagen y el tiempo hasta el primer procesamiento de imagen con contenido con el AP de Tiempos de pintura.
  • font-display te permite controlar la forma en que se renderizan las fuentes antes de que se descarguen.
  • Ya está disponible WebAssembly
  • Además, hay mucho más.

¿Quieres ver la lista completa de cambios? Consulta la lista de cambios del repositorio de código fuente de Chromium.

Soy Pete LePage. Veamos las novedades para desarrolladores en Chrome 60.

API de Paint Timings

Cuando un usuario navega a una página web, busca comentarios visuales que le aseguren que todo funciona correctamente. Con la nueva API de Paint latencias, ahora podemos medir eso.

La API expone dos métricas:

  • Tiempo para la primera pintura: Marca el punto en el que el navegador comienza a renderizar algo, el primer fragmento de contenido en la pantalla.
  • Tiempo hasta el primer procesamiento de imagen con contenido: Marca el punto en el que el navegador renderiza el primer fragmento de contenido del DOM, texto, una imagen, etcétera.

Consulta Aprovecha las métricas de rendimiento que más afectan la experiencia del usuario para obtener información sobre cómo hacer un seguimiento de estas métricas y usarlas para mejorar tu experiencia.

Propiedad font-display del CSS

Las fuentes web te permiten incorporar tipografía enriquecida. Sin embargo, si el usuario aún no tiene el tipo de letra, debe descargarse, lo que podría hacer que tu sitio parezca lento.

Afortunadamente, la mayoría de los navegadores usarán un resguardo si la fuente tarda demasiado en descargarse. La nueva propiedad font-display te permite controlar cómo se renderiza una fuente descargable antes de que se cargue por completo.

  • auto usa la estrategia de visualización de fuentes que utiliza el usuario-agente.
  • block le da al tipo de fuente un período de bloqueo corto y un período de intercambio infinito.
  • swap le asigna al tipo de fuente un período de bloqueo de cero segundos y un período de intercambio infinito.
  • fallback le da al tipo de fuente un período de bloqueo extremadamente pequeño y un período de intercambio corto.
  • optional le da al tipo de fuente un período de bloqueo extremadamente pequeño y un período de intercambio de cero segundos.

Es compatible con Chrome 60 y Opera, y está en desarrollo en Firefox. Para obtener más información, consulta Cómo controlar el rendimiento de la fuente con font-display.

WebAssembly

Web Assembly o wasm proporciona una nueva forma de ejecutar código, escrito en lenguajes como C y C++ en la Web, casi a la velocidad nativa.

Proporciona la velocidad necesaria para compilar un editor de video en el navegador o ejecutar un juego de Unity a una velocidad de fotogramas alta con las APIs de plataformas web existentes basadas en estándares.

Encuentra más información en webassembly.org, incluidas demostraciones, documentos y cómo comenzar.

Y mucho más.

  • La nueva API de Web Budget permite que los sitios con el permiso de notificaciones push envíen una cantidad limitada de mensajes push que activan trabajos en segundo plano, como sincronizar datos o descartar notificaciones, sin la necesidad de mostrar una notificación visible para el usuario.
  • PushSubscription.expirationTime ya está disponible, y notifica a los sitios si vence una suscripción y cuándo vence.
  • Ahora se admiten las propiedades de residencia y expansión de objetos, lo que facilita la combinación y la clonación superficial y la implementación de varios patrones de objeto inmutables.

Nota: La API de Payment Request se envió a Chrome 61.

Estos son solo algunos de los cambios en Chrome 60 para desarrolladores.

Luego, suscríbete a nuestro canal de YouTube y recibirás una notificación por correo electrónico cada vez que lancemos un video nuevo.

Soy Pete LePage, y apenas se lance Chrome 61, estaré aquí para contarte las novedades de Chrome.