When requesting a page from the server, I do not expect that the data serialized in the response to be fetched again on the client. This causes loading skeletons on the PLP to be shown and is a large contributor to lower lighthouse scores.
Open chrome inspector and set network speed to "fast 3g" (this step may or may not be required, but the result is produced more reliably when you do this)
Refresh the page
Expected result
Notice that the content is returned, images are loaded, loading skeletons are NOT shown and no product search data is fetched client side.
Actual result
Notice that the content is returned, images are loaded, then loading skeletons are shown while new data is fetched.
System Information (as applicable)
Browser:
Node version:
pwa-kit version:
Desktop OS:
Mobile Device Info:
Summary
When requesting a page from the server, I do not expect that the data serialized in the response to be fetched again on the client. This causes loading skeletons on the PLP to be shown and is a large contributor to lower lighthouse scores.
Steps To Reproduce
Expected result
Notice that the content is returned, images are loaded, loading skeletons are NOT shown and no product search data is fetched client side.
Actual result
Notice that the content is returned, images are loaded, then loading skeletons are shown while new data is fetched.
System Information (as applicable)
Browser: Node version: pwa-kit version: Desktop OS: Mobile Device Info:
Additional information
Feel free to attach a screenshot.