Одностраничное приложение использует XMLHttpRequest для стороннего API для получения некритичных данных пользовательского интерфейса. Ответы API не должны блокировать рендеринг, а пользовательский интерфейс должен корректно обрабатывать тайм-ауты/ошибки. Какой подход является наилучшим?

Асинхронный XHR (async=true) является лучшим подходом, поскольку он позволяет приложению продолжать рендеринг и оставаться отзывчивым, пока данные API загружаются в фоновом режиме. Это критически важно для некритичных данных, которые не должны блокировать пользовательский интерфейс. В случае тайм-аута или ошибки, пропуск виджета API (или отображение заполнителя) предотвращает появление неработающих или неполных элементов, обеспечивая плавный пользовательский опыт. Синхронный XHR (async=false) заблокирует основной поток выполнения, заморозив пользовательский интерфейс до получения ответа, что является плохой практикой. Бесконечные повторные попытки могут перегрузить API и привести к длительной задержке. Отображение необработанной ошибки API напрямую в пользовательском интерфейсе является плохой практикой UX.