<story><title>Next.js Commerce store, one-click deploy to Netlify</title><url>https://github.com/chec/commercejs-nextjs-demo-store</url></story><parent_chain><item><author>ZephyrBlu</author><text>8.2 MB initial page load and slow as hell (1-2sec) when trying to navigate between pages. It was so slow I thought the site wasn&amp;#x27;t doing anything.&lt;p&gt;It looks like rendering a new page is blocked until API requests to both &amp;quot;categories&amp;quot; and &amp;quot;products&amp;quot; endpoints are completed, which is terrible. They should be background requests that aren&amp;#x27;t render-blocking. Also, these requests fire _every time_ you click a link.&lt;p&gt;Right now, the user experience is 0&amp;#x2F;10. Would not recommend.</text></item></parent_chain><comment><author>thawab</author><text>One of the reasons is that the page is not using next.js 10, which has image optimization built in, for comparison you can check the ecommerce app built in next.js 10 here:&lt;p&gt;&lt;a href=&quot;https:&amp;#x2F;&amp;#x2F;demo.vercel.store&amp;#x2F;&quot; rel=&quot;nofollow&quot;&gt;https:&amp;#x2F;&amp;#x2F;demo.vercel.store&amp;#x2F;&lt;/a&gt;</text></comment>
<story><title>Next.js Commerce store, one-click deploy to Netlify</title><url>https://github.com/chec/commercejs-nextjs-demo-store</url></story><parent_chain><item><author>ZephyrBlu</author><text>8.2 MB initial page load and slow as hell (1-2sec) when trying to navigate between pages. It was so slow I thought the site wasn&amp;#x27;t doing anything.&lt;p&gt;It looks like rendering a new page is blocked until API requests to both &amp;quot;categories&amp;quot; and &amp;quot;products&amp;quot; endpoints are completed, which is terrible. They should be background requests that aren&amp;#x27;t render-blocking. Also, these requests fire _every time_ you click a link.&lt;p&gt;Right now, the user experience is 0&amp;#x2F;10. Would not recommend.</text></item></parent_chain><comment><author>akmittal</author><text>Culprit is large image than necessary as its always the case. Out of 8.4 MB transfered 7.5 are just images. Product images which they are showing in 400x500 viewport has actual size of 2400x3600 (7x). I think NextJS introduces &amp;lt;Image &amp;#x2F;&amp;gt; component im not sure how much that would have been useful.</text></comment>