when-profiling-performance-use-performance-profiler

Этот навык предоставляет комплексное профилирование производительности для измерения, анализа и оптимизации производительности приложений по таким направлениям, как использование ЦП, памяти, операций ввода-вывода и сетевого взаимодействия. Он помогает разработчикам выявлять узкие места, проводить анализ первопричин и внедрять оптимизации с использованием таких инструментов, как perf, Instruments и clinic.js. Используйте его, когда требуется системное улучшение производительности через этапы базовых измерений, обнаружения проблем и оптимизации.

Этот навык Claude предоставляет комплексный анализ производительности и выявление узких мест в роях Claude Flow. Он определяет возможности оптимизации через профилирование и бенчмаркинг, предоставляя практические рекомендации. Используйте его, когда требуется проанализировать и улучшить производительность активных рабочих процессов.

Этот навык предоставляет разработчикам основные принципы оптимизации производительности R3F/Three.js при падении FPS ниже 60 кадров в секунду. Он объясняет критический бюджет в 16 мс для достижения 60 FPS и предлагает практические стратегии, такие как настройка холста и сокращение количества отрисовок. Используйте его для диагностики проблем с производительностью и внедрения ключевых оптимизаций рендеринга.

Этот навык предоставляет техники Level of Detail (LOD) для React Three Fiber (R3F), позволяющие оптимизировать производительность за счёт снижения сложности модели в зависимости от расстояния до камеры. Он применяется, когда сложные 3D-модели вызывают падение FPS, особенно в больших сценах или на мобильных устройствах. Реализация использует компонент `Detailed` из `@react-three/drei` для переключения между высокодетализированной, средней, низкой и billboard-версиями модели на заданных порогах расстояния.