Obs.js - Herramienta de rendimiento web con reconocimiento de contexto
(github.com/csswizardry)- 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"
- proporcionan clases CSS con formato
- 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.