La navigazione con più schede è ora la norma, pertanto non puoi dare per scontato che l'utente stia guardando la tua app solo perché è in esecuzione. Fortunatamente, la nuova API Page visibility consente alla tua app di scoprire se è visibile o meno. Puoi utilizzare l'API per ridurre le attività di rete e i calcoli superflui.
document.webkitHidden è un valore booleano che indica se la pagina corrente è nascosta (puoi provarla subito nella console se utilizzi una build recente di Chromium). document.webkitVisibilityState restituirà una stringa che indica lo stato corrente, uno tra visible, hidden e prerendered. Inoltre, un nuovo evento webkitvisibilitychange viene attivato quando una di queste modifiche, ad esempio quando l'utente apre la scheda dell'app o esce dalla scheda.
Se vuoi provare questa funzionalità, dai un'occhiata a visibility.js, che aggiunge un po' di zucchero all'API per rendere la visione di queste interazioni un po' più divertente.