Fecha de publicación: 20 de mayo de 2025
Cuando una función de la plataforma web se implementa en todos los navegadores, se convierte en Baseline Newly available. Después de 30 meses, esa función se convierte en Estándar ampliamente disponible, que es un umbral en el que la mayoría de los sitios web pueden adoptar funciones sin problemas de compatibilidad. En esta guía, se explica cómo usar Baseline y, con los datos disponibles de los usuarios de tu sitio web, cómo seleccionar un objetivo de Baseline.
¿Qué es un objetivo de Baseline?
Un objetivo de Baseline es una agrupación de funciones web que los desarrolladores pueden admitir según su estado de Baseline. Existen dos tipos de objetivos del modelo de referencia: objetivos móviles y objetivos fijos.
Los objetivos móviles, como los que tienen el estado Disponible ampliamente o Disponible recientemente, son objetivos en los que el conjunto de funciones que contienen puede cambiar con el tiempo. Los objetivos móviles tienen sentido en los casos en que deseas que el conjunto de funciones admitidas evolucione automáticamente a medida que se lanzan nuevas versiones del navegador.
Los objetivos fijos son aquellos en los que el conjunto de atributos no cambia con el tiempo. En general, los objetivos fijos se basan en años calendario. Por ejemplo, Modelo de referencia 2023 es un objetivo fijo que contiene el conjunto de funciones web que se convirtieron en el modelo de referencia recientemente disponible en 2023. El modelo de referencia de 2023 no incluiría las funciones que se convirtieron en el modelo de referencia después de 2023, lo que significa que el conjunto de funciones del modelo de referencia de 2023 nunca cambia.
Los objetivos fijos son adecuados en los casos en que la previsibilidad y el determinismo son fundamentales, pero pueden desactualizarse con el tiempo. Por lo tanto, cuando uses objetivos fijos, te recomendamos que los vuelvas a evaluar con regularidad.
¿Por qué elegir un objetivo?
La adopción de funciones en la Web se ve frenada por problemas de compatibilidad, lo que impide que la Web sea tan buena como podría ser. El modelo de referencia no solo aclara la cuestión de la compatibilidad con funciones en los navegadores, sino que también puede ser útil para aclarar la pregunta de cuándo puedes usar ciertas funciones. Si eliges un objetivo que refleje tu público y tus requisitos, puedes usar las funciones de ese grupo objetivo con confianza, sin necesidad de verificarlas una por una.
Usa los datos para seleccionar tu objetivo de referencia
Cuando sea posible, conocer el objetivo de Baseline correcto que se debe seleccionar debe ser una decisión basada en datos. Cuando tienes los datos frente a ti, la elección de la segmentación se convierte en una decisión más fácil y mucho más fundamentada.
Si tienes datos de la supervisión de usuarios reales para tu sitio, puedes obtener información sobre cómo se asignan los objetivos del modelo de referencia a tus usuarios. Por ejemplo, si utilizas Google Analytics, una forma gratuita de obtener esta información es con el Verificador de comparativas de Google Analytics.
Para usarlo, deberás crear una exploración nueva en Google Analytics, agregar algunas métricas y dimensiones a tu informe y exportarlo como un archivo TSV. Este proceso se detalló en estas instrucciones. Cuando importes el archivo TSV al verificador, deberías recibir un resultado similar al siguiente:
Estamos empezando a ver que otras herramientas implementan la compatibilidad con Baseline, que puede brindarte una vista dinámica de qué parte de tu público admite un objetivo determinado. Por ejemplo, RUMvision incluye un panel que muestra qué porcentaje de tu público tiene compatibilidad con cada año del modelo de referencia.
¿Qué sucede si no tengo datos de asistencia de usuarios reales?
Es posible que te encuentres en una situación en la que no puedas obtener datos de usuarios reales en el caso de las funciones que son del modelo de referencia. La buena noticia es que puedes obtener una idea general de la compatibilidad con diferentes objetivos de Baseline a través de las Estadísticas del archivo de RUM, que incluso te permiten filtrar hasta el nivel del país. Sin embargo, estos datos no serán específicos para los usuarios de tu sitio web. Es una herramienta de información general que demuestra que las siguientes suposiciones son generalmente seguras:
- Es probable que los objetivos de referencia más recientes, como el año actual o el anterior, tengan la menor cantidad de compatibilidad entre tus usuarios. Sin embargo, al igual que cualquier objetivo de Baseline, tendrán una mejor compatibilidad con el paso del tiempo.
- Los objetivos de Baseline más antiguos, en particular los de Baseline ampliamente disponibles, tendrán una buena compatibilidad. Cuando tengas dudas, la opción Disponible en muchos lugares es un excelente objetivo que evoluciona a medida que avanza el período de 30 meses.
- Incluso los objetivos de Baseline más antiguos, aquellos que superan con creces el período de disponibilidad general de 30 meses, tendrán la mejor compatibilidad. Si bien la opción Ampliamente disponible es un buen objetivo predeterminado, los casos de uso especiales que requieren ANS estrictos.
Es probable que, incluso si seleccionas un objetivo de Baseline que tiene más de cinco años, puedas adoptar funciones que no estás usando en este momento. En el mejor de los casos, es posible que ya estés usando estas funciones, pero con polyfills que tal vez no necesites.
¿Cómo puedo aplicar un objetivo de Baseline elegido en mi proyecto?
Browserslist es un método de uso general para segmentar los navegadores que deseas admitir. Se usa en empaquetadores y otras herramientas asociadas, como Babel y PostCSS, para decidir si ciertos fragmentos de código deben transformarse o incluso completarse.
Ahora es posible usar Baseline con Browserslist para que, cuando selecciones un objetivo de Baseline, puedas especificarlo como una consulta válida de Browserslist. Esto garantiza que las herramientas de tu proyecto transformen el código según el destino que seleccionaste. Para obtener más información, consulta Usa Baseline con Browserslist.
¿Qué sucede con las funciones que no cumplen con mi objetivo del modelo de referencia?
Después de seleccionar un objetivo de Baseline, es posible que tengas atributos que quieras usar, pero que no se encuentren dentro de ese objetivo. El modelo de referencia no te dice qué debes hacer en este caso, y si quieres considerar usar estas funciones depende del tipo de sitio web que estés creando y del público esperado.
Por ejemplo, los sitios web de comercio electrónico o B2B pueden estar dispuestos a tener un umbral de asistencia más bajo y manejar los problemas a medida que los usuarios los solucionan, mientras que los sitios web gubernamentales pueden requerir un umbral de asistencia alto. Una regla importante aquí es que no todas las funciones web fallan de la misma manera. Existen muchas formas de categorizar las funciones según cómo fallan, pero una forma de agrupar las funciones que podrían ser útiles es la siguiente:
- Mejoramiento: Si la función se usa en un navegador no compatible, la experiencia no se interrumpe. Es posible que la experiencia se deteriore, pero es probable que el usuario no lo note. Ejemplo:
loading="lazy". - Aditiva: La función proporciona algunos beneficios adicionales que pueden ser notables, como cambios en el diseño de la página o en alguna funcionalidad. Es posible que los usuarios no noten la diferencia si la función no es compatible, a menos que se compare con un navegador que sí la admita. Ejemplo: Subred
- Crítico: Si la función no es compatible, el usuario tendrá una experiencia negativa, o incluso una que no funcione en absoluto. Ejemplo: La API de acceso al sistema de archivos se usa como una función central y necesaria.
También es posible que descubras que algunas funciones fuera de tu segmento tienen una mejor compatibilidad de la que crees. Es posible comprender cuántos de tus usuarios admiten una función en particular. Can I Use puede verificar la compatibilidad de funciones individuales con tus datos de estadísticas. RUMvision también tiene la capacidad de desglosar y explorar los datos a nivel de la función si eso te resulta útil.
De esta manera, puedes usar tu objetivo de Baseline para reducir la cantidad de atributos que debes considerar cuidadosamente. No te preocupes por todo lo que esté dentro de tu objetivo. Si hay una o dos funciones fuera de tu objetivo que serían especialmente útiles, tienes las herramientas para explorarlas más a fondo y decidir si usarlas como un complemento depolyfill o como una mejora progresiva.
Conclusión
Cada aplicación web tiene requisitos diferentes, desde un sitio de comercio electrónico que puede tolerar más problemas de incompatibilidad hasta un sitio web gubernamental que debe estar disponible y en funcionamiento para tantos usuarios como sea posible. Estos son cálculos que debes hacer por tu cuenta, y no es un objetivo de Baseline decirte qué decisiones tomar cuando se trata de adoptar nuevas funciones web, sino más bien una cuestión de cómo.