- Herramienta que lee señales del navegador (Navigator, Battery API, etc.) para inferir la velocidad de la conexión de red, el estado de la batería y el rendimiento de RAM y CPU,
y expone esa información como clases CSS y objetos JS para ajustar según la situación cuánto contexto debe entregarse
- Es decir, en conexiones lentas o en modo de bajo consumo, permite ofrecer una experiencia más ligera controlando webfonts, resolución de imágenes, reproducción automática de video y animaciones
- Los resultados de la detección
- proporcionan clases CSS con formato
.has-* en <html>: se agregan clases como .has-bandwidth-high.has-cpu-medium.has-ram-medium
- guardan datos detallados en el objeto
window.obs: "batteryCharging": true, "cpuCategory": "high"
- La instalación debe insertarse obligatoriamente como
<script> inline al inicio de <head>
- no puede ejecutarse mediante un gestor de paquetes ni como archivo JS externo
- Consulta la demo
Aún no hay comentarios.