skills.rest
navikt
naviktOFFICIAL
Explore all skills by this author →
WebsiteGitHub

optimize

Optimizes frontend web applications by eliminating bottlenecks in loading, rendering, animations, and bundle size.

1|1|Updated Feb 2, 2026
Search Tags:#performance#frontend#optimization#loading#bundle-size#core-web-vitals#web-app
One-click install
npx skills add https://github.com/navikt/watson-sak-frontend --skill optimize-navikt
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: optimize
Source: https://github.com/navikt/watson-sak-frontend/tree/main/.agents/skills/optimize
Command: npx skills add https://github.com/navikt/watson-sak-frontend --skill optimize-navikt

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Frontend performance bottlenecks degrade user experience by slowing load times, interactivity, and visual smoothness.

Core Features & Use Cases

  • Identify and fix performance issues across loading, rendering, animations, and bundle size.
  • Apply systematic optimization strategies for images, JavaScript, CSS, code-splitting, and monitoring to achieve faster, smoother interfaces.
  • Use cases include improving Core Web Vitals (LCP, FID/INP, CLS) across devices and network conditions, and maintaining responsive UIs in production.

Quick Start

Identify the top three performance bottlenecks in your app and apply a prioritized optimization plan to improve load times and interactivity.

Frequently Asked Questions about optimize

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

FAQPage Schema
How do I improve Core Web Vitals like LCP and CLS for a web application?▼

To improve Core Web Vitals, you must identify frontend performance bottlenecks affecting LCP, FID/INP, and CLS. Apply systematic optimization strategies for images, JavaScript, and CSS to achieve faster load times and smoother interactivity across devices.

What is the best way to reduce JavaScript bundle size in a single-page app?▼

The best way to reduce bundle size is implementing code-splitting and optimizing JavaScript assets. This eliminates excess rendering bottlenecks, ensuring the single-page app loads faster and maintains responsive UIs in production.

How do I fix slow loading and rendering bottlenecks across different network conditions?▼

Fix slow loading and rendering by applying systematic optimization strategies tailored for varying network conditions. Prioritize the top three performance bottlenecks in your app and execute a prioritized plan to optimize assets.

Can I establish performance monitoring and verification workflows for my web app?▼

Yes, you can establish performance monitoring and verification workflows to maintain responsive UIs in production. These workflows measure Core Web Vitals continuously, ensuring load times and interactivity remain optimal as the application evolves.

Does frontend performance optimization work for animation smoothness and interactivity?▼

Yes, frontend performance optimization directly targets animation smoothness and interactivity. By eliminating rendering bottlenecks and optimizing CSS and JavaScript, the interface becomes faster and visually smoother across all devices.

Related Skills

Explore More Software Engineering Skills→
mahg-esmahg-es
3

performance

Measure Core Web Vitals and audit frontend performance bottlenecks.

Official
Intermediate
lehoangphuc747lehoangphuc747

performance-profiling

Profile web application runtime behavior and resource usage to identify performance bottlenecks.

Community
Advanced
DaFumDaFum
1

perf-budget-enforcer

Enforce performance budgets for bundle size, load time, and FPS in CI builds.

Community
Intermediate
deadhearth01deadhearth01

optimize

Identify and fix web interface performance bottlenecks with measurable benchmarks.

Community
Advanced