Use viewport specific layouts for mobile

You may be able to improve mobile performance by using viewport specific layouts for mobile and tablet presentations of the storefront.

This approach limits and optimizes the content that you want to display for each viewport. Restricting image size may also improve performance.

In general, do not force the browser to render your full desktop layout on mobile devices. This can overload the user with too much content, appear unpolished, and produce slower page load times. Also, avoid over using responsive layouts. They can be helpful, but if overused, can lead to performance eroding DOM node duplication.

For more information, see Create a Widget.