II.
SkillArea overview
Reference · liveskill-area:frontend-performance
Frontend Performance overview
Optimizing web frontend performance — Core Web Vitals, bundle size, lazy loading, image optimization, and rendering performance.
Attributes
displayName
Frontend Performance
description
Optimizing web frontend performance — Core Web Vitals, bundle size,
lazy loading, image optimization, and rendering performance.
domains
expertiseLevels
- intermediate
- expert
Outgoing edges
applies_to1
- domain:web-development·DomainWeb Development
prerequisite_for_learning1
- skill-area:core-web-vitals·SkillAreaCore Web Vitals
Incoming edges
prerequisite_for_learning2
- skill-area:frontend-development·SkillAreaFrontend Development
- skill-area:web-worker-utilization·SkillAreaWeb Worker Utilization
requires_expertise1
- responsibility:performance-budget-enforcement·ResponsibilityPerformance budget enforcement
requires_skill_area3
- stack-profile:static-site-cdn·StackProfileStatic Site + CDN Stack (Astro, Markdown, Cloudflare Workers, TypeScript)
- stack-profile:progressive-web-app·StackProfileProgressive Web App Stack (Next.js, Workbox, IndexedDB, Tailwind, TypeScript)
- stack-profile:micro-frontend·StackProfileMicro-Frontend (React, Webpack, TypeScript, Docker)
tool_used_by1
- tool:logrocket·ToolLogRocket
used_by_skill_area6
- framework:astro·FrameworkAstro
- framework:gatsby·FrameworkGatsby
- framework:nextjs·FrameworkNext.js
- framework:nuxt·FrameworkNuxt
- framework:remix·FrameworkRemix
- framework:sveltekit·FrameworkSvelteKit
used_for12
- tool:logrocket·ToolLogRocket
- tool:perf·Toolperf
- tool:flamegraph·ToolFlameGraph
- tool:py-spy·Toolpy-spy
- tool:segment·ToolSegment
- tool:mixpanel·ToolMixpanel
- tool:amplitude·ToolAmplitude
- tool:posthog·ToolPostHog
- tool:heap·ToolHeap
- tool:google-analytics·ToolGoogle Analytics
- tool:hotjar·ToolHotjar
- tool:fullstory·ToolFullStory