Skip to main content

Offline Options

Overview​

The Offline Options section enhances your web app by providing offline capabilities, allowing users to access previously viewed pages even without an internet connection or during low connectivity. This feature significantly improves user experience by ensuring reliable performance at all times.

Offline Options

1. Offline Cache​

What is Offline Caching?​

Offline caching enables your web app to store certain resources locally, which allows users to access the app's content without an internet connection. This ensures that even in offline scenarios, users can interact with the app smoothly.

Configuration Settings​

Enable Offline Cache​

  • Description: This toggle allows you to activate or deactivate the offline caching feature.
  • Importance: By enabling this feature, users can access previously loaded pages without needing a live internet connection, improving accessibility and user satisfaction.

JavaScript Cache Algorithm​

  • Description: Choose the caching strategy for JavaScript files from the following options:

    • Stale While Revalidate: Serve cached content while fetching updates in the background.
    • Network First: Attempt to fetch from the network first, falling back to the cache if the network is unavailable.
    • Cache First: Serve content from the cache first, falling back on the network if it's not available.
    • Network Only: Only fetch from the network, never using the cache.
    • Cache Only: Only serve content from the cache, ignoring the network.

  • Importance: Selecting the right algorithm helps optimize performance based on your app's usage patterns, ensuring users receive the best experience possible.

CSS Cache Algorithm​

  • Description: Similar to the JavaScript caching strategy, you can choose the caching strategy for CSS files.
  • Importance: Properly caching CSS files ensures that styling is preserved even when offline, contributing to a consistent user interface.

Image Cache Algorithm​

  • Description: Set the caching strategy for images used within your app.
  • Importance: Efficiently caching images enhances load times and reduces data usage, providing a smoother experience for users, especially those with limited connectivity.

Fonts Cache Algorithm​

  • Description: Choose how fonts are cached for your application.
  • Importance: Proper font caching ensures that text displays correctly and consistently, even offline, maintaining the app's branding and design integrity.

Cache Expiration Time​

  • Description: Specify the duration (in seconds) after which cached content will expire and must be refreshed.
  • Importance: Setting an appropriate cache expiration time helps balance performance and content freshness, ensuring users see the latest updates without unnecessary delays.

Custom Fallback Page​

  • Description: This toggle allows you to enable a custom fallback page that users will see when offline.
  • Importance: Providing a tailored offline experience helps inform users about their connectivity status and what actions they can take, improving user engagement and satisfaction.

Custom Offline Fallback Page​

  • Description: Select a specific page to serve as the fallback when the user is offline.
  • Importance: A well-designed offline page can guide users on how to reconnect or provide alternative content, enhancing the overall user experience.

Conclusion​

Configuring the Offline Settings in the PWA module of Perfex CRM is crucial for delivering a reliable and engaging experience, even in the absence of an internet connection. By implementing these features thoughtfully, you can ensure your users remain connected to your app's content, regardless of their connectivity status.

Made with ❤️ by JOOMAPPS.