Jiffy is an e-commerce brand where the product page is a decision point. Customers customize items, review pricing, and add to cart.
Several high-traffic product pages were visually unstable on load. Images, prices, and dynamic sections loaded late, so the layout kept shifting while users tried to read or click.
Layout stability on these pages was above the 0.2 target across 6 affected pages. I stabilized loading with placeholder screens and minimum dimensions for late content, converted product images to a lighter format with set image sizes, and loaded key images at the top sooner while delaying images further down the page.

I started by reviewing each affected page in browser testing tools. They showed which parts moved and when images or server data appeared.
A few sections showed up empty first and then jumped once content arrived. I gave those sections minimum dimensions and replaced loading spinners with placeholder screens so the page kept the same size on screen while content loaded.
Product images caused much of the shift. I converted older image files to a lighter format and set image sizes up front so space was reserved before each file finished loading.
Images visible on first view loaded sooner. Images further down the page loaded only when needed. I checked layout stability before and after on each page and applied the same fixes across all 6 affected pages.
Cart and product areas where images and prices that loaded late caused the most shift.
Layout shift on the affected pages dropped by more than 60%. Every page I targeted came in under the 0.2 stability target the team cared about.
The first view of the page felt quicker because key images at the top loaded earlier and images stopped jumping when they appeared. Users were not fighting the page while it loaded.
The placeholder screen and minimum dimension approach worked well enough that I could reuse it on other pages when similar issues showed up.
Ruby on Rails on the backend with Vue, TypeScript, SCSS, and Tailwind on the frontend pages I changed.
OR
Write To Us At Your Own Convenience