deco-e2e-testing

Automate end-to-end performance testing for Deco e-commerce sites with Playwright.

5|2|Updated Feb 26, 2026
One-click install
npx skills add https://github.com/decocms/deco-start --skill deco-e2e-testing
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: deco-e2e-testing
Source: https://github.com/decocms/deco-start/tree/main/.cursor/skills/deco-e2e-testing
Command: npx skills add https://github.com/decocms/deco-start --skill deco-e2e-testing

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

End-to-end performance testing for Deco storefronts, enabling you to measure page timings, lazy section renders, cache behavior, and observability across channels.

Core Features & Use Cases

  • Lazy section tracking: observe /deco/render calls to quantify lazy loading impact.
  • Cache analysis: analyze server timing and cache-control to optimize SSR and caching.
  • Device-aware reports: generate per-device performance reports (desktop/mobile) for home, PLP, PDP journeys.
  • Use this skill when you need to scaffold and run performance tests for Deco sites, or validate regression performance after changes.

Quick Start

Scaffold the e2e test structure using the scaffold.sh script and adjust the SITE configuration values.

Frequently Asked Questions about deco-e2e-testing

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I run end-to-end performance testing for a Deco e-commerce site?

You can scaffold end-to-end performance tests for Deco storefronts using the scaffold.sh script to set up Playwright browser automation, lazy section tracking, and cache analysis across desktop and mobile journeys.

What is lazy section tracking in Deco storefronts and how does it work?

Lazy section tracking observes /deco/render calls during page loading to quantify the performance impact of lazy loading sections in your Deco storefront, surfacing render metrics through a structured metrics collector.

How do I analyze cache behavior and SSR performance using Playwright?

Cache behavior and SSR performance are analyzed by evaluating Server-Timing and cache-control headers captured during Playwright browser automation, allowing you to optimize caching strategies for Deco pages.

Can I measure Core Web Vitals like LCP and FCP across Home, PLP, and PDP journeys?

Yes, device-aware performance reports measure Core Web Vitals including TTFB, FCP, and LCP specifically across Home, PLP, PDP, and Add to Cart journeys for both desktop and mobile channels.

Does Deco observability support Server-Timing and x-deco-headers for performance metrics?

Deco runtime observability relies on x-deco-headers and Server-Timing to surface performance metrics, enabling detailed analysis of SSR performance and cache stats during end-to-end testing.

When should I scaffold performance tests for my Deco storefront?

Scaffolding performance tests is ideal when setting up test infrastructure from scratch or validating regression performance after changes to ensure no degradation across core storefront journeys.