- La API de Paint Timing te permite medir el tiempo que tarda en dibujarse el primer procesamiento de imagen y el primer procesamiento de imagen con contenido con la API de Paint Timings.
font-displayte permite controlar cómo se renderizan las fuentes antes de que se descarguen.- WebAssembly ya está disponible
- ¡Y 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. Analicemos las novedades para desarrolladores en Chrome 60.
API de Paint timings
Cuando un usuario navega a una página web, busca comentarios visuales para confirmar que todo funciona. Con la nueva API de tiempos de pintura, ahora podemos medir eso.
La API expone dos métricas:
- Tiempo hasta la primera pintura: Indica 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: Indica el punto en el que el navegador renderiza el primer fragmento de contenido del DOM, el texto, una imagen, etcétera.
Consulta Cómo aprovechar las métricas de rendimiento que más afectan la experiencia del usuario para obtener información sobre cómo puedes hacer un seguimiento de estas métricas y usarlas para mejorar tu experiencia.
Propiedad font-display de CSS
Las fuentes web te permiten incorporar una tipografía enriquecida. Sin embargo, si el usuario aún no tiene el tipo de letra, debe descargarlo, lo que podría hacer que tu sitio parezca lento.
Por suerte, 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.
autousa cualquier estrategia de visualización de fuente que use el usuario-agente.blockle otorga a la fuente un período de bloqueo corto y un período de intercambio infinito.swaple otorga al tipo de letra un período de bloqueo de cero segundos y un período de intercambio infinito.fallbackle da a la fuente un período de bloqueo extremadamente pequeño y un período de intercambio breve.optionalle otorga al tipo de letra 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.
Consulta Cómo controlar el rendimiento de las fuentes con font-display para obtener más información.
WebAssembly
WebAssembly o wasm proporciona una nueva forma de ejecutar código, escrito en lenguajes como C y C++ en la Web, a una velocidad casi nativa.
Proporciona la velocidad necesaria para compilar un editor de video integrado en el navegador o para ejecutar un juego de Unity a una velocidad de fotogramas alta con las APIs de plataformas web existentes basadas en estándares.
Puedes encontrar más información en webassembly.org, incluidos demos, 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 activen tareas en segundo plano, como sincronizar datos o descartar notificaciones, sin necesidad de mostrar una notificación visible para el usuario.
PushSubscription.expirationTimeahora está disponible y notifica a los sitios cuándo vencerá una suscripción y si lo hará.- Ahora se admiten las propiedades Object rest & spread, lo que facilita la combinación y clonación superficial de objetos, así como la implementación de varios patrones de objetos 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, en cuanto se lance Chrome 61, estaré aquí para contarte las novedades.