Как я могу определить, показывать ли на моей странице графику с меньшим количеством графических процессоров?
У меня есть веб-страница с визуальными эффектами, которые, я думаю, действительно улучшают ее. Тем не менее, они несколько GPU интенсивно. Для любого рабочего стола это детская игра. Однако на моем ноутбуке и телефоне устройства довольно быстро нагреваются.
Я не хочу причинять вред устройствам моих пользователей, ни заставлять их нагреваться, ни запускать их вентиляторы только потому, что они просматривают мою страницу. Однако я не хочу полностью отказываться от этих эффектов. Как я могу сказать, нормально ли использовать эти эффекты, по сравнению с тем, когда я должен использовать запасной вариант?
Моим первым инстинктом был запрос [API состояния батареи](https://developer.mozilla.org/en-US/docs/Web/API/Battery_Status_API), но это крайне обескураживает и в основном работает только в Chromium. Я не знаю альтернативного способа спросить "это ноутбук или рабочий стол?" или "у этого достаточно мощности графического процессора, чтобы справиться с этим уверенно?"