How was it determined what needed to be optimized, and how was it optimized?

The need for optimization is usually determined by analyzing performance and user experience:

• Using profiling tools (e.g., Chrome DevTools) to identify bottlenecks — long load times, large resource sizes, slow scripts.
• Analyzing metrics such as page load time, time to interactivity, FPS, number of requests.

Optimization may include:

• Minification and bundling of CSS/JS files.
• Lazy loading of images and components.
• Caching data and resources.
• Rendering optimization, reducing the number of re-renders.

Example: if Chrome DevTools shows that a large JS file loads slowly, it can be split into chunks and loaded as needed:

// dynamic import of a module
import('./heavyModule.js').then(module => {
  module.run();
});

This approach reduces initial load time and improves interface responsiveness.