What is the best way to approach loading states of content that is localized or geo-located? In the attached example, I am loading the closest doctor and information related to such based on browser based geolocation, If this fails, we'd load content based off IP location.
The homepage features a large image of the doctor themselves and the interior page contains a synopsis of the doctor.
Despite the poor usability, in this scenario there will be an obvious load/lag time likewise a period in which the user may need to default content. Ie, if the site is accessed outside of the US.
What are the best ways to address this? Possible ideas are to A) show a global loader upon entering the site, B) render the rest of the site and use a loader for the location-based content only - however, after the element is rendered the page will expand after the DOM loads C) use a gateway screen, verifying the location while loading content in the background.