Как найти из-за чего сайт медленно работает

Для анализа производительности сайта используй инструменты:

1. Chrome DevTools:
   • Вкладка Performance - записывает и анализирует загрузку страницы
   • Вкладка Network - показывает время загрузки ресурсов
   javascript

   Копировать

   // Можно измерить время выполнения кода
   console.time('myFunction');
   myFunction();
   console.timeEnd('myFunction');

2. Lighthouse - встроен в Chrome, дает комплексный аудит производительности.

3. WebPageTest - детальный анализ с разных локаций.

Основные причины медленной работы:

• Большие изображения/медиа
• Медленные API-запросы
• Долгий JavaScript-рендеринг
• Чрезмерные перерисовки DOM
• Неоптимизированные CSS-селекторы

Оптимизации:

• Ленивая загрузка (loading="lazy")
• Кэширование
• Code splitting
• Оптимизация критического пути рендеринга