Obtén información sobre el panel de la plataforma web y cómo puedes consultar su API de HTTP para obtener datos sobre las funciones que alcanzaron el modelo de referencia y compilar herramientas para tu flujo de trabajo de desarrollo.

Con la creciente importancia de las Métricas web esenciales, los propietarios y desarrolladores de sitios se enfocan cada vez más en el rendimiento y las experiencias clave del usuario. Google ofrece muchas herramientas para evaluar, optimizar y supervisar las páginas, pero los usuarios suelen confundirse con las diferentes fuentes de datos y con cómo usarlas de manera efectiva. En esta guía, se propone un flujo de trabajo que combina varias herramientas y se aclara dónde y cómo tienen sentido a lo largo del proceso de desarrollo.

Lee sobre varios eventos con Baseline durante febrero de 2025.

ruby-align ahora forma parte de Baseline

Fecha de publicación: 20 de febrero de 2025 Descargar modelos de IA grandes de forma confiable es una tarea desafiante. Si los usuarios pierden su conexión a Internet o cierran tu sitio web o aplicación web, pierden los archivos de modelos

Obtén información sobre la sugerencia de recursos de rel=prefetch y cómo usarla.

Obtén información para identificar y corregir los cambios de diseño.

El Cambio de diseño acumulado (CLS) es una métrica que cuantifica la frecuencia con la que los usuarios experimentan cambios repentinos en el contenido de las páginas. En esta guía, analizaremos la optimización de causas comunes de CLS, como iframes y imágenes sin dimensiones ni contenido dinámico.

scrollbar-color y scrollbar-gutter de CSS llegaron a todos los motores de navegador principales, por lo que ahora están disponibles en el modelo de referencia.

En su primera edición, este resumen mensual de Baseline abarca los acontecimientos de Baseline en Google y la comunidad de desarrolladores web en enero de 2025.

La recolección de elementos no utilizados de WebAssembly y las optimizaciones de llamada de cola de Wasm ahora están disponibles en todos los motores de navegador principales, lo que las convierte en el modelo de referencia recientemente disponible.

En esta entrada, se presenta la métrica del Procesamiento de imagen con contenido más grande (LCP) y se explica cómo medirla.

Promise.try ahora está disponible en todos los motores de navegador principales, lo que lo convierte en un elemento de Baseline recientemente disponible.

Descripción breve

Fecha de publicación: 13 de enero de 2024 Hay muchos proyectos increíbles que puedes crear con IA, con modelos clásicos de aprendizaje automático y modelos de lenguaje extenso (LLM) más nuevos. Con los LLM, las computadoras pueden generar contenido

Se te ha dicho que no bloquees el subproceso principal y dividas tus tareas largas, pero ¿qué significa hacer eso?

conjunto de datos de funciones web, panel de estado de la plataforma web, widget de estado del modelo de referencia y mucho más Mira lo que pasaba en el modelo de referencia en 2024.

En esta publicación, se explica la carga diferida y las opciones disponibles para cargar videos de forma diferida.

La precarga de módulos ofrece una manera de cargar los módulos de JavaScript de forma declarativa con anticipación.

Para optimizar la experiencia del usuario, es fundamental comprender cómo interactúan con tus formularios. La función Autocompletar del navegador desempeña un papel importante en este proceso. Obtén información para recopilar y analizar datos sobre cómo los usuarios usan la función Autocompletar en tus formularios.

La detección de toxicidad protege a tus usuarios y crea un entorno en línea más seguro. En la segunda parte, aprenderemos a crear una herramienta de IA del cliente para detectar y mitigar la toxicidad en su fuente.

En esta publicación, se describe la métrica Tiempo de bloqueo total (TBT) y se explica cómo medirla.

Una colección de prácticas recomendadas que Chrome identificó como las mayores oportunidades para optimizar el rendimiento web y mejorar las métricas web esenciales

Una guía paso a paso sobre cómo desglosar el LCP y, además, identificar las áreas clave para mejorar

Obtén información para medir las Métricas web de tu sitio en entornos reales y de lab.

Métricas esenciales para un sitio en buen estado

La propiedad content-visibility del CSS ahora está disponible como Baseline Newly.

La investigación y la metodología detrás de los umbrales de las Métricas web esenciales

Si revisaste los datos de campo, notas que algunas interacciones son lentas. El siguiente paso es aprender más sobre cómo probar manualmente esas interacciones e identificar las causas detrás de ellas.

En este artículo, se explica la historia del origen de Baseline, la participación de Google y la propiedad del WebDX Community Group.

Aprende a optimizar tus páginas para cargas instantáneas cuando usas los botones Atrás y Avanzar del navegador.

La anidación de CSS está mejorando mucho.

Descubre cómo atribuir tus datos de rendimiento con información de depuración para identificar y solucionar problemas de usuarios reales con Analytics

En esta entrada, se presenta la métrica Retraso de primera entrada (FID) y se explica cómo medirla.

¿Qué impacto tiene @property en el rendimiento de tu CSS?

Obtén información para usar las herramientas de Google y correlacionar tus Métricas web esenciales con los ingresos publicitarios.

En esta entrada, se explica el atributo de carga y cómo usarlo para controlar la carga de iframes.

Explora las formas recomendadas y no recomendadas de compilar varias AWPs que reutilizan el mismo dominio con sus ventajas y desventajas.

Este instructivo interactivo paso a paso muestra cómo compilar un servidor que administra suscripciones a notificaciones push y envía solicitudes de protocolo push web a un servicio push.

Qué se necesita para cambiar los íconos, los accesos directos, los colores y otros metadatos del manifiesto de la aplicación web para tu AWP.

Obtén información para usar las solicitudes de origen relacionados para permitir la reutilización de llaves de acceso en tus sitios.

En esta publicación, se explica el atributo de carga y cómo se puede usar para controlar la carga de imágenes.

Las métricas personalizadas te permiten medir y optimizar aspectos de la experiencia de tu sitio que son exclusivos de este.

Aprende a enviar datos de Web Vitals a las propiedades Google Analytics 4 y exportar los datos para analizarlos en BigQuery y Looker Studio.

En esta guía, se describen las prácticas recomendadas que deben seguir los sitios web cuando solicitan permiso a los usuarios para acceder a funciones sensibles (como la cámara, el micrófono y la ubicación) para minimizar los mensajes innecesarios y el acceso bloqueado.

Obtén información sobre cómo los avisos de cookies afectan el rendimiento, la medición del rendimiento y la UX.

Los desarrolladores web pueden personalizar las notificaciones multimedia y responder a eventos relacionados, como búsquedas o cambios de seguimiento, con la API de Media Session.

Usa el atributo tabindex para establecer explícitamente la posición de pestaña de un elemento.

Antes de que puedas reproducir interacciones lentas en el lab para optimizar la interacción a Next Paint de tu sitio web, deberás recurrir a los datos de campo para encontrarlas. Descubra cómo hacerlo en esta guía.

En esta entrada, se presenta la métrica Tiempo hasta el primer byte (TTFB) y se explica cómo medirla.

Aprende a ajustar instrucciones para lograr tus resultados preferidos en diferentes LLM, modelos y tamaños de modelos.

En esta publicación, se presenta la métrica Interaction to Next Paint (INP) y se explica cómo funciona, cómo medirla y se ofrecen sugerencias para mejorarla.

description: Define los colores que reaccionan al esquema de colores utilizado con la función claro-oscuro().

En esta guía, dirigida a los desarrolladores web que quieran beneficiarse de WebAssembly, aprenderás a usar Wasm para subcontratar tareas con uso intensivo de CPU con la ayuda de un ejemplo en ejecución.

En la cuadrícula de CSS, las propiedades “grid-template-columns” y “grid-template-rows” te permiten definir los nombres de las líneas y realizar un seguimiento del tamaño de las columnas y las filas de la cuadrícula, respectivamente. Admitir la interpolación para estas propiedades permite que los diseños de cuadrícula hagan una transición fluida entre los estados, en lugar de ajustarse en el punto medio de una animación o transición.

Aprende a controlar juegos web con la API de Gamepad.

La propiedad inert es un atributo HTML global que simplifica la forma de quitar y restablecer eventos de entrada del usuario para un elemento, incluidos los eventos de enfoque y de tecnologías de accesibilidad.

Las partes de confianza pueden determinar de dónde proviene la llave de acceso examinando AAGUID. Descubre cómo funciona.

Usa el ejemplo de un lenguaje de juguete sintético llamado ExampleScript para aprender a escribir y optimizar módulos de WebAssembly en JavaScript con la API de Binaryen.js.

La captura de audio y video ha sido el “Santo Grial” del desarrollo web durante mucho tiempo. Durante muchos años, tuvimos que depender de complementos de navegador ( Flash o Silverlight ) para realizar el trabajo. ¡Vamos! HTML5 al rescate. Es

El componente web <model-viewer> te permite usar modelos 3D en una página web de forma declarativa.

Obtén información para usar `userverification` en WebAuthn.

Obtén información sobre los motivos por los que los datos de RUM pueden mostrar diferentes números de Métricas web esenciales de CrUX.

Es importante crear sitios que sean inclusivos y accesibles para todos. Existen al menos seis áreas clave de discapacidad que podemos optimizar: visual, auditiva, móvil, cognitiva, del habla y neuronal.

Las secuencias de comandos de terceros proporcionan una amplia gama de funciones útiles, lo que hace que la Web sea más dinámica. Descubre cómo optimizar la carga de secuencias de comandos de terceros para reducir el impacto en el rendimiento.

Obtén información para evitar que se cree una llave de acceso nueva si ya existe una en el administrador de contraseñas del usuario.

Guía sobre los conceptos básicos de IndexedDB.

Un CSS estable, potente y digno de herramientas que puedes usar hoy mismo.

Aprende a realizar optimizaciones en función de la métrica Tiempo hasta el primer byte.

¿Cuál es la diferencia entre un host, un sitio y un origen? ¿Qué es un eTLD+1? En este artículo, se explican los diferentes aspectos.

Aprende qué son las credenciales detectables y cómo crear experiencias del usuario que se adapten a tu caso de uso.

Los usuarios notan si los sitios y las apps no se ejecutan bien, por lo que optimizar el rendimiento de la renderización es fundamental.

Después de eliminar las descargas de recursos innecesarios, lo mejor que puedes hacer para mejorar la velocidad de carga de la página es minimizar el tamaño general de las descargas optimizando y comprimiendo los recursos restantes.

En este documento, se explica cómo puedes usar la API de OffscreenCanvas para lograr mejoras de rendimiento al procesar gráficos en tu app web.

En esta entrada, se presenta la métrica Primer procesamiento de imagen con contenido (FCP) y se explica cómo medirla.

En este artículo, se brinda una descripción general completa de las redes de distribución de contenidos (CDN). Además, se explica cómo elegir, configurar y optimizar una configuración de CDN.

Orientación práctica para desarrolladores sobre qué hacer cuando un usuario sale del sitio web

En esta entrada, se presenta la métrica Tiempo de carga (TTI) y se explica cómo medirla

La API de Fetch Priority indica la prioridad relativa de los recursos para el navegador. Puede permitir una carga óptima y mejorar las Métricas web esenciales.

Información acerca de las pseudoclases :user-valid y :user-invalid y cómo usarlas para mejorar la experiencia del usuario en la validación de entradas

Descubre cómo los responsables de la toma de decisiones empresariales y los que no son desarrolladores pueden mejorar las Métricas web esenciales.

Comprende y evita problemas comunes al aplicar la codificación y decodificación base64 a strings.

La subcuadrícula permite compartir la cuadrícula, lo que permite que las cuadrículas anidadas se alineen con los principales y del mismo nivel.

En el mundo digital actual, la publicidad en línea es una parte fundamental de la Web gratuita que todos disfrutamos. Sin embargo, los anuncios mal implementados pueden generar una experiencia de navegación más lenta, frustrar a los usuarios y disminuir la participación. Aprende a cargar anuncios de manera eficaz sin afectar la velocidad de tu página, lo que garantiza una experiencia del usuario fluida y maximiza las oportunidades de ingresos para los propietarios de sitios web.

Aprende qué es la cobertura de código y descubre cuatro formas comunes de medirla.

Determina lo que necesitas probar y lo que puedes descartar.

Determina lo que quieres probar, define tus casos de prueba y establece prioridades.

Las métricas de rendimiento centradas en el usuario son una herramienta fundamental para comprender y mejorar la experiencia en tu sitio de una manera que beneficie a los usuarios reales.

Conoce nuevas y emocionantes posibilidades para precargar imágenes responsivas y garantizar una excelente experiencia del usuario.

Es un método para adaptar una fuente a las preferencias de tus usuarios, con el objetivo de que se sientan lo más cómodos posible al leer tu contenido.

Descubre cómo combinar diferentes tipos de pruebas en una estrategia razonable que coincida con tu proyecto.

Comencemos con los conceptos básicos. Explora los dos modos de prueba generales y tres tipos comunes de automatización de pruebas.

Debes auditar tus recursos periódicamente para asegurarte de que cada uno ayude a brindar una mejor experiencia del usuario.

El programa mkbitmap de C lee una imagen y le aplica una o más de las siguientes operaciones, en este orden: inversión, filtrado de paso alto, escalamiento y umbral. Cada operación se puede controlar, activar o desactivar de forma individual. En este artículo, se muestra cómo compilar mkbitmap en WebAssembly.

Una introducción a WebAssembly (a veces abreviado Wasm), el formato de código binario portátil y el formato de texto correspondiente para programas ejecutables, así como las interfaces de software para facilitar las interacciones entre esos programas y su entorno de host

El estándar de sistemas de archivos presenta un sistema de archivos privado de origen (OPFS) como un extremo de almacenamiento privado para el origen de la página y no visible para el usuario que proporciona acceso opcional a un tipo especial de

Cómo mostrar de forma segura contenido controlado por el usuario en aplicaciones web.

Descripción general de cómo se adopta AVIF en el ecosistema y qué tipo de beneficios de rendimiento y calidad pueden esperar los desarrolladores de AVIF para las imágenes estáticas y las animaciones.

Aprende a optimizar la interacción de tu sitio web a Next Paint.

Conocer algunas de las funciones que forman parte de Baseline

Los grandes tamaños de DOM pueden ser un factor que determine si las interacciones son rápidas o no. Obtén más información sobre la relación entre el tamaño del DOM y el INP, y qué puedes hacer para reducir el tamaño del DOM y otras maneras de limitar el trabajo de renderización cuando tu página tiene muchos elementos del DOM.

La demora en las entradas puede contribuir de manera significativa a la latencia de interacción total y afectar negativamente el INP de tu página. En esta guía, aprenderás qué es la demora de entrada y cómo puedes reducirla para lograr una interactividad más rápida.

Renderizar HTML con JavaScript es diferente de renderizar HTML que envía el servidor y que puede afectar el rendimiento. Obtén información sobre la diferencia en esta guía y lo que puedes hacer para preservar el rendimiento de renderización de tu sitio web, especialmente en lo que respecta a las interacciones.

Cuando se cargan secuencias de comandos, el navegador tarda en evaluarlas antes de la ejecución, lo que puede causar tareas largas. Obtén información sobre cómo funciona la evaluación de secuencias de comandos y qué puedes hacer para evitar que provoque tareas largas mientras se carga la página.

En esta entrada, se presenta la métrica Cambio de diseño acumulado (CLS) y se explica cómo medirla.

La versión completa de WordPress con tecnología de PHP que se ejecuta únicamente en el navegador con WebAssembly

Una muestra de las herramientas que ahora están disponibles en la Web gracias a WebAssembly.

Mejora la experiencia de depuración web con mapas de origen.

Las apps web progresivas se pueden enviar a tiendas de aplicaciones, como Play Store de Android o Microsoft Store, entre otras.

Un CSS estable, potente y digno de herramientas que puedes usar hoy mismo.

Calcula el seno, el coseno, la tangente y otros valores en CSS.

El método requestVideoFrameCallback() permite a los autores web registrar una devolución de llamada que se ejecuta en los pasos de renderización cuando se envía un nuevo fotograma de video al compositor.

Una de una serie de entrevistas con miembros del programa de Expertos de Google Developers (GDE).

En esta entrada de blog, se anuncia una nueva colección de patrones para las apps de música.

Hagamos ese efecto de texto con gradiente animado con propiedades personalizadas centradas y recorte de fondo Ve a CodePen y crea un nuevo editor. Crea el marcado para tu texto. Usemos un encabezado con la palabra “Rápido”: Luego, le daremos a

Cómo el libro, que tiene desplazamiento, cobró vida por compartir sugerencias y trucos divertidos y aterradores en este Chrometober.

Una descripción general de los conceptos básicos para crear un elemento personalizado de información sobre la herramienta que se adapte a los colores y sea accesible.

Las llaves de acceso hacen que las cuentas de usuario de un sitio web sean más seguras, sencillas y fáciles de usar, y no requieren contraseña. En este artículo, se explica cómo se debe diseñar un acceso sin contraseña mediante llaves de acceso y, a la vez, adaptarse a los usuarios existentes que tienen contraseñas.

Las llaves de acceso hacen que las cuentas de usuario de un sitio web sean más seguras, sencillas y fáciles de usar, y no requieren contraseña. En este artículo, se explica cómo permitir que los usuarios creen llaves de acceso para tu sitio web.

Una descripción general fundamental de cómo crear componentes de BAF que se adapten al color, responsivos y accesibles.

Obtén información sobre cómo optimizar las fuentes web para las Métricas web esenciales.

Construyamos un cargador de CSS animado con propiedades personalizadas centradas y animation-timing-function Ve a CodePen y crea un nuevo editor. Crea el marcado para nuestro cargador. Ten en cuenta el uso de propiedades personalizadas intercaladas:

Una de una serie de entrevistas con miembros del programa de Expertos de Google Developers (GDE).

Una descripción general de tres herramientas y técnicas para probar y verificar el contraste de colores accesible de tu diseño.

En este instructivo, se describe cómo crear una navegación principal accesible de un sitio web. Aprenderás sobre HTML semántico, la accesibilidad y cómo el uso de atributos de ARIA a veces puede ser más dañino que beneficioso.

Este práctico pseudoselector de CSS te brinda una manera de seleccionar elementos que son modales.

Descubre algunas formas útiles y creativas de diseñar una lista.

Explora divertidas formas de recrear una ilusión óptica con CSS.

Optimiza las etiquetas y los administradores de etiquetas para las Métricas web esenciales.

Los beneficios de usar propiedades personalizadas en sistemas de diseño y bibliotecas de componentes

Aprende a usar las propiedades individuales de CSS de traducción, rotación y escala para abordar las transformaciones de forma intuitiva.

Varias maneras de animar un borde en CSS

La BBC lanzará HSTS en su sitio web para mejorar la seguridad y el rendimiento. Descubre qué significa y cómo puede ayudarte HSTS.

Obtén información sobre por qué las herramientas que supervisan las Métricas web esenciales pueden generar informes con números distintos y cómo interpretar esas diferencias.

Enrique Fernandez Guerra, GDE, habla sobre la creación de su ONG HelpDev en código abierto.

El objetivo final de la compatibilidad con Internet Explorer para los clientes y desarrolladores de Maersk.com

Hasta ahora HTML5Rocks, ha sido bueno conocerte.

Aprende a configurar cookies propias para garantizar la seguridad y la compatibilidad entre navegadores, y minimizar las posibilidades de fallas una vez que se eliminen gradualmente las cookies de terceros.

La API de Web Audio permite lograr correctamente la sincronización de AV.

Los gradientes cónicos se pueden usar para crear algunos efectos interesantes, como este bonito ejemplo de borde. En este CodePen creado por Adam Argyle, que se compartió originalmente a través de este tweet en Twitter, se muestra cómo usar un

Comprende las decisiones relacionadas con el uso de una biblioteca o un framework de JavaScript.

Comprender las diferencias entre frameworks y bibliotecas en el contexto de un entorno de JavaScript del cliente

Detección de errores cuando se trabaja con la API de recuperación

Una actualización sobre la API de CSS de Google Fonts: cómo funciona, cómo usarla y cómo puede proporcionar tus fuentes web de manera eficiente.

Este recurso puede ayudarlo a desplazarse rápidamente por la terminal.

GOV.UK eliminó su dependencia de jQuery de su frontend. Nunca adivinarás lo que sucedió. (Sí, lo harás).

Una descripción general fundamental de cómo crear componentes que se adapten al color, sean responsivos y sean accesibles.

Descubre qué es el escáner de precarga del navegador, cómo ayuda a mejorar el rendimiento y cómo puedes evitar interferir en su trabajo.

Cómo medir las Métricas web con tu herramienta de estadísticas actual

Facilitamos la compilación para la Web.

Expertos de Google Developers web sobre cómo los programas de tutoría los empoderaron para convertirse en líderes.

Compartir una guía práctica sobre fuentes variables, con muchos ejemplos.

Esta herramienta de Josh W Comeau hace que crear gradientes atractivos sea muy simple.

Una recopilación de información sobre los principales puntos débiles, recopilada de varias conversaciones individuales con desarrolladores web.

Revisa el estado de las herramientas de imagen.

Obtén más información sobre el alcance y cómo funciona en JavaScript.

Una descripción general fundamental sobre cómo crear modales mini y mega adaptables al color, responsivos y accesibles con el elemento ".

Obtén información para depurar errores de reproducción de contenido multimedia en la Web.

Una de una serie de entrevistas con miembros del programa de Expertos de Google Developers (GDE).

Cargar imágenes con entusiasmo dentro del viewport inicial (mientras se carga de forma diferida el resto) puede mejorar las métricas web esenciales y, al mismo tiempo, cargar menos bytes.

Descripción general de los conceptos básicos sobre cómo compilar una barra de carga adaptable de color y accesible con el elemento ``

Mantén los formularios de registro y acceso lo más simples posible. Guarda las credenciales de los formularios de acceso para que los usuarios no tengan que volver a acceder cuando regresen. Para almacenar las credenciales de los usuarios desde los

Cambios en las strings de usuario-agente, estrategias que Chrome y Firefox están adoptando para mitigar el impacto y cómo puedes ayudar.

Una descripción general de los conceptos básicos para crear un ícono de página adaptable.

Olvidar o hacer un uso inadecuado del encabezado Cache-Control puede afectar negativamente la seguridad de tu sitio web y la privacidad de los usuarios. Obtenga recomendaciones de sitios web valiosos.

Aprende a renderizar gráficos 2D en un lienzo de la Web desde WebAssembly con Emscripten.

Métricas esenciales para un sitio en buen estado

Descubre cómo se portó gPhoto2 a WebAssembly para controlar cámaras externas mediante USB desde una app web.

Usa Network Error Logging (NEL) para recopilar errores de red del cliente.

Aprende a usar las funciones más recientes de WebAssembly y a la compatibilidad con usuarios en todos los navegadores.

Descubre cómo el código que interactúa con dispositivos externos se puede transferir a la Web con las APIs de WebAssembly y Fugu.

Una descripción general de los conceptos básicos para compilar un componente de cambio de tema adaptable y accesible.

Aprende a incorporar código JavaScript en tu biblioteca WebAssembly para comunicarte con el mundo exterior.

Oculus Quest 2 es un visor de realidad virtual (RV) creado por Oculus, una división de Meta. Ahora los desarrolladores pueden compilar y distribuir apps web progresivas (AWP) en 2D y 3D que aprovechen la función para realizar varias tareas a la vez de Oculus Quest 2. En este artículo, se describe la experiencia y cómo compilar, transferir y probar tu AWP en Oculus Quest 2.

Descubre el proceso y las herramientas que se usaron para crear la experiencia con estilo de calendario festivo de Designcember.

Un intento esqueuomórfico de recrear una calculadora solar en la Web que utiliza el sensor de luz ambiente y la función de superposición de controles de las ventanas.

Durante más tiempo, tuviste que recurrir a soluciones alternativas y bibliotecas para crear una copia profunda de un valor de JavaScript. La plataforma ahora viene con `StructuredClone()`, una función integrada para la copia profunda.

Una descripción general de los conceptos básicos para crear un componente de aviso adaptable y accesible.

Anunciamos el fondo de interfaz de usuario de Chrome, diseñado para otorgar subsidios a las personas que trabajan en herramientas de diseño, CSS y HTML.

Descripción general de los conceptos básicos sobre cómo crear un menú de juegos en 3D responsivo, adaptable y accesible.

Prueba una nueva API de Lighthouse para medir el rendimiento y las prácticas recomendadas en todo un flujo de usuarios.

Un resumen de todos los anuncios clave de la Chrome Dev Summit 2021, con los vínculos que necesitas para obtener más información.

Obtén información sobre las funciones más recientes de PageSpeed Insights para medir y optimizar mejor la calidad de tu página y tu sitio.

Aprende a medir animaciones, a pensar en los fotogramas de animación y a la fluidez general de la página.

Durante los últimos tres años, Chrome ha estado trabajando para potenciar las aplicaciones web que quieren desafiar los límites de lo que es posible en el navegador. Una de esas aplicaciones web fue Photoshop. Hace unos años, habría sido difícil imaginar la idea de ejecutar un software tan complejo como Photoshop directamente en el navegador. Sin embargo, a través del uso de varias tecnologías web nuevas, Adobe ha puesto en marcha una versión beta pública de Photoshop en la Web.

Una descripción general de los conceptos básicos sobre cómo crear un componente de selección múltiple responsivo, adaptable y accesible para ordenar y filtrar las experiencias del usuario.

Aprende los conceptos básicos del uso de las APIs de Navigation y Resource Timing para evaluar el rendimiento de carga en el campo.

La nueva API de Sanitizer tiene como objetivo compilar un procesador sólido para que las strings arbitrarias se inserten de forma segura en una página. En este artículo, se presenta la API y se explica su uso.

En este documento, se analizan las prácticas recomendadas de rendimiento que puedes usar cuando cargas incorporaciones de terceros, técnicas de carga eficientes y la herramienta Terminador de cambio de diseño que ayuda a reducir los cambios de diseño para inserciones populares.

Respuestas a preguntas comunes sobre las SPA, las Métricas web esenciales y el plan de Google para abordar las limitaciones de medición actuales

preventDefault y stopPropagation: cuándo usar cada uno y qué hace exactamente cada método El manejo de eventos de JavaScript suele ser sencillo. Esto es especialmente cierto cuando se trata de una estructura HTML simple (relativamente plana). Sin

Obtén información sobre cómo importar y agrupar varios tipos de recursos desde JavaScript de un modo que funcione tanto en navegadores como en agrupadores.

Una descripción general de los conceptos básicos para compilar un componente accesible de botón dividido

Obtén información sobre cómo usar secuencias de comandos de módulos de CSS para importar hojas de estilo CSS con la misma sintaxis que los módulos de JavaScript.

Una descripción general de los conceptos básicos para crear un componente de interruptor responsivo y accesible

Un conjunto de encabezados de sugerencias del cliente permite que los sitios obtengan las preferencias de contenido multimedia del usuario de forma opcional en el momento de la solicitud, lo que permite que los servidores incorporen el CSS correcto

Una descripción general de los conceptos básicos sobre cómo crear un componente de rutas de navegación adaptables y accesibles para que los usuarios naveguen por tu sitio

Aprende a incorporar aplicaciones multiproceso escritas en otros lenguajes en WebAssembly.

La transmisión multimedia es el método para entregar continuamente contenido multimedia desde un servidor donde el contenido se dividió en fragmentos individuales de datos que se pueden unir durante la reproducción en un orden específico a través de una solicitud de rango usando protocolos como DASH y HLS.

Los frameworks de contenido multimedia se ofrecen en una variedad de propiedad y de código abierto, y en esencia son un conjunto de APIs que admiten la reproducción de audio o video para varios formatos de contenedores y protocolos de transmisión.