Skills
.Work. You
Rest

html-size-optimizer

Official

Shrink HTML payloads for faster rollouts.

Software Engineering#performance#html#optimization#responsive#web-performance#bundle-size
Authordecocms
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Shrink first-byte HTML by trimming framework state scripts (Fresh/Next), removing unnecessary data attributes, reducing bloated JSON-LD blocks, and eliminating duplicate or unused responsive markup, so pages load faster and perform better on storefronts.

Core Features & Use Cases

  • State/script trimming: Remove unused framework state scripts from initial HTML to reduce payload size.
  • Event/data cleanup: Strip data-event attributes and redundant JSON structures that bloat the HTML.
  • Structured data optimization: Keep only essential and valid JSON-LD blocks to minimize payload while preserving necessary semantics.
  • Use Case: When optimizing product and category pages, the skill helps improve First Contentful Paint (FCP) and Time to Interactive (TTI) by serving smaller HTML.

Quick Start

Run the html-size-optimizer against your storefront HTML to shrink the first-byte size and improve performance.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: html-size-optimizer
Download link: https://github.com/decocms/storefront-skills/archive/main.zip#html-size-optimizer

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 510,000+ vetted skills library on demand.