01.0

Product Pages

01.1

Product Pages Desktop and Mobile

AR: Core Web Vitals FAILED, but when I test desktop locally, performance seems good

Given 28 day collection period shows failed core web vitals
When the page loads
Then the page should pass Core Web vitals for real users should pass and indicate a good performance for LCP, FCP and TTFB

01.2

Product Pages Mobile

AR: all images load simultaneously

When the page starts loading
Then focus on loading the LCP (image) first. and non-visible images are lazy-loaded
and “Similar Items”+”You might also like” Slider images are delayed and lazy-loaded

01.3

Product Pages Mobile

AR: web.dev insights indicates unused CSS and render-blocking resources
Given critical resources block rendering
When the page starts rendering
Then render-blocking resources are minimized by inlining critical JS/CSS and deferring non-critical resources
And reduce unused CSS

01.4

Product Pages Desktop

Given critical resources block rendering
When the page starts rendering
Then render-blocking resources are minimized by inlining critical JS/CSS and deferring non-critical resources
And reduce unused CSS

02.0

Homepage saclab.com

02.1

Homepage Desktop and Mobile

AR: Homepage Core Web Vitals FAILED. Desktop performance is acceptable during local testing, but the mobile version has poor LCP and FCP

Given the 28-day collection period shows failed core web vitals
When the homepage loads
Then Core Web Vitals for real users should pass with good performance for LCP, FCP, and TTFB

02.2

Homepage Mobile

AR: The top header image impacts LCP, making the entire page count as LCP.

When the page loads

Then prioritize the top header image for loading and ensure LCP is below 2.5 seconds

02.3

Homepage Mobile

Given critical resources block rendering
When the homepage starts rendering
Then render-blocking resources are minimized by inlining critical JS/CSS and deferring non-critical resources
And minimize main-thread work

03.0

Product Feed

03.1

Product Feed Desktop and Mobile

AR: Product Feed Core Web Vitals FAILED. Performance is poor due to image sizes, lazy-loading issues, and swipe functionality on mobile.

Given the 28-day collection period shows failed core web vitals
When the product feed loads
Then Core Web Vitals for real users should pass with good performance for LCP, INP, CLS, FCP, and TTFB

03.2

Product Feed Desktop

AR: Recent poor performance might be due to server issues.

Given product feed desktop has poor Core Web Vitals
When testing the feed
Then confirm if the recent poor performance is related to server issues
And validate if no further optimizations are needed

And if performance improvement is needed:

Then use plugin to compress hover images witouth significant loss of quality
And limit products that load on default from 20 to 16
And (if filter selected or search function used) load instock products first, followed by loading the outofstock products.

03.3

Product Feed Mobile

AR: Poor performance, various Diagnostics to improve performance

Given performance issues
When the page loads
Then fix highlighted issues within the Diagnostics report, so performance improves

03.4

Product Feed Mobile: Suggestion

AR: Swipe functionality loads all product images at once AND it actually loads all images.

Given swipe functionality is active
When the product feed loads
Then limit displayed swipable images to the first 3 images of each product to limit loading time
And lazy-load the images that can get accessed after first or second swipe to improve loading time

03.5

Product Feed Mobile: Suggestion

AR: Image sizes are too large for mobile performance.

Given product images are large
When the page loads
Then reduce image sizes by resizing them without quality loss (similar to desktop)
And use a plugin that does that automatically for all of the images on saclab.com/bags mobile

03.6

Product Feed Mobile: Suggestion

AR: Too many products are loaded simultaneously, causing delays.

Given too many products are loaded
When the product feed starts rendering
Then reduce the number of auto-loaded products from 20 to 14 to decrease loading time. Only do this if you think it’ll have a substantial impact

03.7

Product Feed Mobile: Suggestion

AR: LCP score is low

Given the LCP is set as the Heading Title

When the product feed starts loading

Then load H1 sooner to get a better LCP score