Obs.js - ferramenta de performance web sensível ao contexto
(github.com/csswizardry)- 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-mediumsão adicionadas - dados detalhados no objeto
window.obs:"batteryCharging": true,"cpuCategory": "high"
- classes CSS no
- 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.