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.