performance-optimization

Optimize Laravel and React application performance with caching and query techniques.

Updated Feb 8, 2026
One-click install
npx skills add https://github.com/bramato/laravel-react-plugins --skill performance-optimization-bramato
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: performance-optimization
Source: https://github.com/bramato/laravel-react-plugins/tree/main/laravel-react/skills/performance-optimization
Command: npx skills add https://github.com/bramato/laravel-react-plugins --skill performance-optimization-bramato

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill addresses slow application performance by providing strategies to optimize database queries, implement effective caching, enhance React rendering, and streamline build processes.

Core Features & Use Cases

  • Database Optimization: Prevent N+1 queries with eager loading, select specific columns, and use efficient indexing.
  • Caching Strategies: Implement query caching, tagged caching, and leverage Redis for performance gains.
  • Frontend Performance: Optimize React components with memo, useMemo, useCallback, and code splitting.
  • Build & Deployment: Improve Vite build times and optimize API responses.
  • Use Case: A user is experiencing slow page loads in their Laravel + React application. They can use this Skill to identify and fix N+1 query problems, implement caching for frequently accessed data, and optimize their React components for faster rendering.

Quick Start

Use the performance-optimization skill to identify and fix N+1 query problems in the current Laravel application.

Frequently Asked Questions about performance-optimization

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I fix N+1 query problems in a Laravel application?

Fix N+1 query problems in Laravel by implementing eager loading to retrieve related models in a single query. This Skill guides you through selecting specific columns and applying efficient indexing to optimize database performance and prevent bottlenecks.

What's the best way to optimize React rendering efficiency in a full-stack app?

Optimize React rendering efficiency by applying memoization techniques including memo, useMemo, and useCallback to prevent unnecessary re-renders. This Skill provides strategies to streamline component rendering and improve frontend speed.

How does caching with Redis improve Laravel performance?

Caching with Redis improves Laravel performance by storing frequently accessed data in memory, reducing database load. This Skill helps you implement query caching and tagged caching strategies for significant performance gains.

Can I use Vite to improve build times for my React application?

Yes, you can use Vite to improve build times for your React application. This Skill addresses build process enhancements, helping you streamline Vite build times and optimize API responses for faster deployment.

When do I need code splitting in a React frontend?

You need code splitting in a React frontend when large bundles cause slow page loads. This Skill shows you how to implement code splitting alongside memoization to optimize rendering and reduce initial load times.