optimize

To identify and fix web performance bottlenecks, this skill analyzes UI loading speed, rendering, animations, images, and bundle size. It applies performance analysis tools to diagnose slow loading speed and inefficient rendering, resolving them to improve user experience.

To optimize React rendering and animations, this skill applies React-specific techniques like memoization and code splitting. It also improves animation performance through GPU acceleration and efficient algorithms to create a smoother web application experience.

The best way to reduce JavaScript bundle size and optimize images is through targeted optimization strategies. This skill implements techniques for JavaScript bundle reduction, image optimization, CSS optimization, and font optimization to improve overall web performance.

Yes, you can use this skill to assess Core Web Vitals and loading speed metrics. It performs performance analysis to evaluate current UI performance, identifying slow loading speed and inefficient rendering to guide subsequent optimization strategies.

To optimize network requests and improve API efficiency, this skill implements network optimization strategies. It reduces requests and enhances API efficiency, which directly improves user experience and web application speed across the UI.