frontend-performance
Frontend Performance
Audience: Developers modifying layouts, adding assets, or optimizing page load Goal: Prevent performance regressions and improve Core Web Vitals
Core Web Vitals Targets
| Metric | Good | Needs Improvement | Poor |
|---|---|---|---|
| LCP (Largest Contentful Paint) | < 2.5s | 2.5s - 4.0s | > 4.0s |
| CLS (Cumulative Layout Shift) | < 0.1 | 0.1 - 0.25 | > 0.25 |
| INP (Interaction to Next Paint) | < 200ms | 200ms - 500ms | > 500ms |
Font Loading
Font swap causes CLS. Preload critical fonts before stylesheets.
Correct Order in <head>
More from majesticlabs-dev/majestic-marketplace
slogan-generator
Generate and evaluate marketing slogans and taglines for any product or service. Use when naming a campaign, need a tagline for branding, or want scored slogan options across multiple angles. Creates options, scores against criteria, and recommends the best fit.
263google-ads-strategy
Build Google Ads campaign structures with keyword research, ad copy, audience targeting, and budget allocation. Use when planning paid search campaigns, setting up Google Ads for the first time, or restructuring underperforming ad accounts. Supports B2B and B2C.
147viral-content
Create viral content frameworks with platform-specific patterns and posting schedules. Use when building a content playbook for TikTok, LinkedIn, X, Instagram, or YouTube, or when maximizing organic reach without paid promotion. Includes psychological hooks and algorithm-optimized formats.
130devils-advocate
Forces adversarial reasoning before committing to decisions. Triggers on architectural choices, approach selection, and planning phases to prevent premature commitment bias.
117frontend-css-patterns
Framework-agnostic CSS patterns for typography, color, motion, and spatial composition.
104market-research
Research markets, competitors, and audiences using web data and structured synthesis. Use when entering new markets, validating ideas, or analyzing competitive landscapes.
91