Js-buy-sdk: Very very slow response time on single collection query with 10 products

[darkylmnx]

Describe the bug
I queried a single collection with 12 products inside (pretty acceptable number of items) and the response took 4 secs in average. I tried multiple times and it's always between 3.85s and 5s.

To Reproduce
Do a query to a collection with 12 products with a shopify lite plan on client side.

Please include code samples.

const client = ShopifyBuy.buildClient({
            domain: 'xxx',
            storefrontAccessToken: 'xxx'
        });

        const collectionId = 'xxx';

        client.collection.fetchWithProducts(collectionId).then((collection) => {
            // Do something with the collection
            console.log(collection);
            console.log(collection.products);
        });

x-request-id: 1e1bb72d-d9f3-4386-9408-a1341a585a7b

Data / Request Payload & Response Payload

https://gist.github.com/darkylmnx/dd99662432500ff0491683267e4e14df

Expected behavior
I'm expecting the query to be fast (below 1s) as this is why I took shopify : the infrastructure.
This example is just for a collection page, the home page would have at least four collections queried in parallel so this time of response is not viable for my website.

Environment (please complete the following information):

• OS: Windows
• Browser : Chrome
• SDK Version : http://sdks.shopifycdn.com/js-buy-sdk/v2/latest/index.umd.min.js

Additional context
Was done on client side from an shopify.html page.

Bug Report Checklist

• [ x ] I have read and agree to the CODE_OF_CONDUCT.md
• [ x ] I have read the CONTRIBUTING.md guidelines.
• [ x ] I have provided a detailed description of the bug, including code samples, and/or network data.
• [ x ] I have provided information about my development environment, including SDK version.

[Highspeed7]

Seconded... these queries are taking forever... A workaround for me has been to cache the collections, but this is inconvenient. 18 days and no response? Really?

[arobbins]

I've experienced the same thing when querying 20+ products at a time.

[darkylmnx]

I've experienced the same thing when querying 20+ products at a time.

the worst thing is, I even tried on only 10 items and it was the same... So slow, I wonder why, I'm considering doing this at runtime with a JAMstack architecture to save the query but this is still annoying.

[arobbins]

I've basically implemented the same workaround. I cache the JSON payload in the database and fetch that instead. Definitely not ideal as I've had to build an entire caching interface now.

If someone from Shopify has time, would you mind providing some details as to why these requests take so long?

[rebeccajfriedman]

I tried multiple times and it's always between 3.85s and 5s.

Thanks for flagging this. Subsequent requests to the same collection should now be faster.

I queried a single collection with 12 products inside (pretty acceptable number of items) and the response took 4 secs in average.

We are always looking for ways to improve the performance. One thing you could change on your side is write a custom query to only fetch the information that you need - instead of fetching all the information returned by client.collection.fetchWithProducts.

[rebeccajfriedman]

What do you mean by "only fetch the information you need"? Because I didn't
see any wya of filtering the fields".

As mentioned in the README, you can build custom queries: https://github.com/Shopify/js-buy-sdk#expanding-the-sdk

[rebeccajfriedman]

@darkylmnx Have you been able to work around your performance issues by writing custom queries? If so, I'd like to close this ticket out.