- Lit les signaux du navigateur (Navigator, Battery API, etc.) pour déduire la vitesse de connexion réseau, l’état de la batterie, les performances RAM·CPU,
puis les expose sous forme de classes CSS et d’objet JS afin de moduler selon le contexte le niveau d’adaptation à appliquer
- Autrement dit, en cas de connexion lente ou de mode basse consommation, il devient possible d’ajuster les polices web, la résolution des images, l’autoplay des vidéos, les animations, etc., pour offrir une expérience allégée
- Les résultats de détection sont exposés ainsi :
- classes CSS de type
.has-* sur <html> : des classes comme .has-bandwidth-high.has-cpu-medium.has-ram-medium sont ajoutées
- données détaillées stockées dans l’objet
window.obs : "batteryCharging": true, "cpuCategory": "high"
- L’installation doit impérativement se faire via un
<script> inline inséré tout en haut de <head>
- exécution impossible via un gestionnaire de paquets ou un fichier JS externe
- Voir la démo
Aucun commentaire pour le moment.