Purpose

Give your team a clear view of common high‑impact and low‑impact practices across the main areas of digital product development.

<aside>

Use this tool:

You'll get:

Getting started

  1. Identify which area of the table below applies to your current work.
  2. Check the high‑impact column for any practices you might be using.
  3. See if a low‑impact alternative could achieve the same outcome.
  4. Capture any changes or follow‑ups in your backlog.

Reference table

Area Higher impact practices Lower impact alternatives
Images and media Large uncompressed images; auto‑playing videos; loading assets not immediately visible Use modern formats like WebP/AVIF; compress appropriately; lazy‑load below‑the‑fold assets
JavaScript and CSS Large bundles; unused code; heavy animation libraries Code‑split; tree‑shake; minify; use CSS animations; remove unused dependencies
APIs and data Multiple calls for related data; frequent polling; sending unnecessary data Batch requests; use GraphQL or selective endpoints; event‑driven updates; cache responses
Backend and infrastructure Always‑on environments; over‑provisioned servers; redundant storage Auto‑scale; shut down non‑production when idle; use content delivery networks (CDNs); enable caching
Content Large auto‑playing hero videos; high‑resolution images for all devices Use responsive images; provide user control over heavy content; consider static alternatives

Tips