Адаптивная загрузка на слабых устройствах
Большие сайты начинают использовать адаптивную загрузку. Что это такое, рассказала Милика Михайлия в статье — "Adaptive loading: improving web performance on slow devices".
Адаптивная загрузка — набор практик для адаптации загружаемых ресурсов, учитывая характеристики устройства. Сайт может узнать тип соединения, объём памяти, количество ядер CPU и, если ресурсов недостаточно, отключить автовоспроизведение видео, заменить 3d-вьюер статическим изображением и т.п. Подобный подход используется Twitter, eBay, Tinder и Facebook. Facebook делит устройства клиентов на пять категорий, каждой категории соответствует свой набор фич. Данные для классификации берутся из navigator.hardwareConcurrency
, navigator.deviceMemory
и UA-строк. Эти же данные используются в мониторингах сайта, облегчая поиск регрессий производительности.
Рекомендую почитать статью. Подобный подход можно использовать не только для мобильных устройств, но и для десктопов.