> For the complete documentation index, see [llms.txt](https://support.storefront.co.za/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://support.storefront.co.za/release-notes/enhancements/2025-enhancements/july-2025-enhancements/improved-ux-with-skeleton-loaders.md).

# Improved UX with Skeleton Loaders

### What are Skeleton Loaders?

Skeleton-based loaders, which display a visual placeholder representing the content's structure while it loads, significantly improve user experience by reducing perceived wait times and providing a sense of ongoing progress. They make the loading process feel faster and more engaging than a blank screen or a generic spinner. 

<figure><img src="/files/Cfyif2foBGZpyjnw5r0C" alt=""><figcaption></figcaption></figure>

### What it means for you

1. **Reduce Perceived Load Time:**

By showing a placeholder that mimics the content's layout, skeleton loaders create the illusion that the page is loading faster, even if the actual loading time remains the same.&#x20;

2. **Provide Visual Feedback:**

Instead of a blank screen, skeleton loaders offer visual cues about the content's structure and placement, helping users understand what's coming and reducing cognitive load.&#x20;

3. **Maintain User Engagement:**

By keeping users engaged with a visual representation of the loading content, skeleton loaders prevent them from abandoning the page due to perceived inactivity.&#x20;

4. **Improve Accessibility:**

Skeleton loaders can be designed to be accessible to users with disabilities, ensuring a more inclusive loading experience.&#x20;