Tell us about performance optimization — when you started optimizing and how.

I started optimizing frontend performance by analyzing real user issues — long page load times, interface hangs, or interaction delays.

Main steps:

• Using profiling tools (Chrome DevTools, Lighthouse) to identify bottlenecks.
• Optimizing resource loading: minification, compression, lazy loading of images and components.
• Caching data and static assets.
• Rendering optimization: reducing re-renders, using virtual DOM or memoization.

Example of lazy loading an image in React:

import React, { Suspense, lazy } from 'react';

const LazyImage = lazy(() => import('./ImageComponent'));

function Gallery() {
  return (
    <Suspense fallback={<div>Loading...</div>}>
      <LazyImage src="photo.jpg" alt="Photo" />
    </Suspense>
  );
}

This approach helps improve user experience and reduces load on the network and device.