Optimized loading on mobile devices

• You've created a Partner account and a development store.
• You have the Shopify Mobile app installed on your mobile phone (ideally, iOS or Android).

To enable optimized loading for your app:

1. From your Partner Dashboard, click Apps.
2. Click the name of your app.
3. Click App setup.
4. In the Embedded app section, click Manage.
5. In the Optimize loading on mobile, make sure that testing on development store is enabled.

Open the Shopify Mobile app, log into your development store, and launch your app. Your app should load faster and some UI elements, such as the title bar or product picker, will now provide native look and feel.

Please test your app thoroughly to ensure that all functionality is working as expected.

If you find that your app is not behaving as expected while testing it in your development store, please take the following steps:

1. Familiarize your self with how mobile-optimized loading works, and review the list of common gotchas.
2. Debug your app (on iOS or Android) to uncover the root cause and fix the problem.
3. If you cannot determine the root cause, ask a question on the Shopify APIs and SDKs section of the Shopify Community

If you determine that your app works as expected in your development, you can enable mobile optimization in production:

1. From your Partner Dashboard, click Apps.
2. Click the name of your app.
3. Click App setup.
4. In the Embedded app section, click Manage.
5. In the Optimize loading on mobile, enable optimized loading for all users on live stores.

That's it! Merchants who use your app on Shopify Mobile will enjoy the optimized experience.

By default, embedded applications that are opened from the Shopify Mobile application run inside of an iFrame, hosted from the Shopify admin. Each time an application is launched, the Shopify admin site must be reloaded, adding a significant amount of time to the application’s load.

With direct loading enabled, the app is no longer loaded in an iFrame inside of the Shopify admin. Instead, the Shopify Mobile app loads the application directly inside of a native WebView. In this mode, the Shopify App Bridge libraries will automatically switch to communicate directly with the Shopify Mobile app. All of the same Shopify App Bridge functionality that is available on the Shopify admin website is available in a native form in the mobile app, so you don’t have to make any changes to take advantage of this.

With this change, when you use Shopify App Bridge to create UI, such as a resource picker or a modal dialog, the app will display native Android or iOS versions of these elements. This will help create a more deeply integrated and higher-quality user experience for merchants who are using your apps via the Shopify Mobile app.