- Lê sinais do navegador (Navigator, Battery API etc.) para inferir velocidade da conexão de rede, estado da bateria e desempenho de RAM·CPU,
expondo isso como classes CSS e objetos JS para ajustar, conforme a situação, o quanto de conteúdo deve ser entregue ao contexto
- Em outras palavras, em conexões lentas ou no modo de baixo consumo, é possível oferecer uma experiência mais leve controlando webfonts, resolução de imagens, reprodução automática de vídeo e animações
- Os resultados da detecção são expostos como
- classes CSS no
<html> no formato .has-* : classes como .has-bandwidth-high.has-cpu-medium.has-ram-medium são adicionadas
- dados detalhados no objeto
window.obs : "batteryCharging": true, "cpuCategory": "high"
- A instalação deve ser feita obrigatoriamente com um
<script> inline no topo do <head>
- não funciona via gerenciador de pacotes nem como arquivo JS externo
- Veja a demo
Ainda não há comentários.