tiempos de carga

Categories:
Tags:

🧰 3. Usar Laravel Debugbar

Para ver tiempos del backend: consultas, render Blade, controladores, etc.

Instalación (solo en local)

1

composer require barryvdh/laravel-debugbar --dev

Actívalo en .env:

APP_DEBUG=true
DEBUGBAR_ENABLED=true

Te muestra:

  • Tiempo total de ejecución
  • Consultas SQL lentas
  • Props de Inertia y su tamaño
  • Eventos del ciclo de vida

🌐 4. Herramientas externas

Lighthouse en Chrome

  1. F12 → pestaña Lighthouse
  2. Selecciona tipo de análisis (Mobile/Desktop)
  3. Ejecuta
  4. Revisa: First Contentful Paint, JS Execution Time, etc.

📌 Recomendaciones

  • Mide siempre en modo producción (APP_ENV=production)
  • Usa npm run build para tener JS optimizado
  • Usa php artisan optimize y config:cache
  • Usa lazy loading donde puedas
  • Reduce props innecesarias en Inertia::share()

¿Quieres que prepare también una guía para detectar props pesadas en Inertia y cómo optimizarlas?