Figure out where you stand

[badsha0025]

To speed their app up in the most effective way, the team started by establishing a baseline of performance. It was important for them to understand where they stood, so they could figure out the most effective optimizations.

To start, they installed a fresh theme on their development store, tested the theme’s performance, and then retested with their app installed to determine the difference. To make sure they had an accurate baseline established, they ran this test a few times.

“Whenever you test with Lighthouse, it gives you a different score,” Porwal explains. “So we averaged out over three tests to find our app’s average performance.”

Once they had an average set, they were ready to start making hungary phone data optimizations, starting with API calls.

2. Cut down on API calls
Wiser is a product recommendation app, which means it made a lot of API calls: hitting the Product API, finding the collection, finding the product, and pulling the price. It made for a long process, and it was the biggest factor impacting the app’s speed.

To fix this problem while still keeping their app functional, the team came up with a solution. Instead of calling the API again and again, they instead reworked their app to add Liquid code to the store’s theme, which fetched all the data they needed from the user’s store itself. This allowed them to get the data they needed for the recommendations, while avoiding the API and loading the store quickly. This method meant they could cut down on six API calls.