performance-budget

Validate AEM Edge Delivery Services pages against the 100KB LCP performance budget.

Updated May 14, 2026
One-click install
npx skills add https://github.com/Focus-GTS/eds-content-ops-skills --skill performance-budget
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: performance-budget
Source: https://github.com/Focus-GTS/eds-content-ops-skills/tree/main/skills/performance-budget
Command: npx skills add https://github.com/Focus-GTS/eds-content-ops-skills --skill performance-budget

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

It prevents slow AEM Edge Delivery Services pages by precisely measuring whether critical-path resources exceed the 100KB Largest Contentful Paint (LCP) budget and by pinpointing what to fix.

Core Features & Use Cases

  • Byte-level critical-path inventory: Inventories HTML, eager CSS/JS, preloaded fonts, and above-fold images that load before the LCP element can paint.
  • E-L-D phase compliance checking: Verifies that resources follow Eager/Lazy/Delayed loading expectations for EDS, especially around third-party scripts.
  • Actionable optimization recommendations: Produces per-resource fixes (e.g., image format/size changes, font preloading limits, and moving third-party scripts into the delayed phase).
  • Use case: You have Lighthouse/Core Web Vitals showing poor LCP on a mobile view and you need a defensible, resource-level explanation of what pushes you over budget before launch.

Quick Start

Ask the agent to analyze an EDS page URL you provide and return a budget breakdown plus specific optimization changes to bring total pre-LCP transfer under 100KB.

Frequently Asked Questions about performance-budget

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

FAQPage Schema
How do I inventory critical-path resources to fix a poor LCP score in AEM Edge Delivery Services?▼

Validating EDS LCP performance requires measuring HTML, eager CSS/JS, preloaded fonts, and above-fold images that load before the LCP element. You compare these byte-level resource measurements against the 100KB budget limit to identify what causes regressions.

How do I check E-L-D loading phases to ensure third-party scripts don't break my Core Web Vitals?▼

Checking E-L-D loading phases involves verifying resource compliance with Eager, Lazy, and Delayed expectations for EDS. You validate that third-party scripts are moved into the delayed phase to prevent them from blocking the Largest Contentful Paint.

What is the LCP performance budget for AEM Edge Delivery Services pages?▼

The LCP performance budget for AEM Edge Delivery Services pages limits total transfer size of critical-path resources to 100KB. This includes HTML, eager CSS/JS, preloaded fonts, and above-fold images required before the LCP element renders.

How do I get optimization recommendations for images and fonts pushing my page over the 100KB budget?▼

To get optimization recommendations for resources exceeding the 100KB budget, you analyze a graded budget breakdown. This outputs targeted per-resource fixes including image format changes, font preloading limits, and moving third-party scripts into the delayed phase.

Can I use this performance budgeting approach for pre-launch audits of third-party block assets?▼

Yes, you can use this performance budgeting approach for pre-launch audits. It checks whether third-party or block assets are loading in the wrong E-L-D phase and provides a defensible, resource-level explanation of what pushes pages over budget.