Acelerar TYPO3: optimización del rendimiento

Una web rápida es esencial tanto para la experiencia de usuario como para el SEO. En Theory7 vemos con frecuencia webs TYPO3 más lentas de lo necesario. Con las optimizaciones adecuadas, a menudo puedes mejorar el tiempo de carga un 50% o más. En esta guía compartimos nuestros mejores consejos para el rendimiento de TYPO3.

Por qué importa el rendimiento

Google usa la velocidad de carga como factor de posicionamiento. Los visitantes abandonan las webs lentas: cada segundo adicional de carga puede suponer un 7% menos de conversiones. Una web TYPO3 rápida significa mejores posiciones, más visitantes y más conversiones.

Optimizar la caché de TYPO3

La caché es el factor más importante para el rendimiento de TYPO3. TYPO3 tiene un sistema de caché avanzado que debes configurar bien.

Activar la caché de páginas

Asegúrate de que la caché de páginas esté activa para todas las páginas de contenido. Puedes configurarla en la configuración de tu sitio. La caché de páginas guarda las páginas ya renderizadas por completo, de modo que TYPO3 no tiene que generarlas de nuevo en cada visita.

Configurar los backends de caché

De forma predeterminada, TYPO3 usa una caché basada en archivos. Para mejorar el rendimiento, puedes pasar a Redis o Memcached. Redis es bastante más rápido que la caché en archivos, sobre todo con mucho tráfico. En LocalConfiguration.php puedes cambiar el backend de caché a Redis o Memcached.

OPcache para PHP

OPcache guarda en memoria el código PHP compilado. Esto es esencial para el rendimiento de TYPO3. Configura OPcache con memoria suficiente (como mínimo 128MB) y una frecuencia de revalidación razonable.

Optimizaciones de frontend

Comprimir y combinar los assets

TYPO3 puede combinar y minificar automáticamente los archivos CSS y JavaScript. Esto reduce considerablemente el número de peticiones HTTP y el tamaño de los archivos. Actívalo en la configuración de TypoScript con las opciones compressCss, compressJs, concatenateCss y concatenateJs.

Optimizar las imágenes

Usa lazy loading para las imágenes que no se ven de inmediato. Configura también el redimensionado automático de imágenes en TYPO3, para que no se envíen a mayor tamaño del necesario. Plantéate usar el formato WebP para los navegadores modernos.

Cabeceras de caché del navegador

Define las cabeceras de caché correctas en tu servidor web o en TYPO3. Los archivos estáticos, como imágenes, CSS y JavaScript, pueden tener tiempos de caché largos, a menudo de un año. Así se evitan descargas innecesarias a los visitantes que vuelven.

Optimización de la base de datos

Actualizar el Reference Index

El Reference Index registra las relaciones entre los contenidos. Un índice desactualizado ralentiza mucho las consultas. Programa con regularidad una actualización del Reference Index con la herramienta de línea de comandos de TYPO3 o con una tarea cron.

Limpiar la base de datos

Elimina con regularidad las versiones antiguas y las entradas de caché. TYPO3 ofrece comandos de limpieza para registros borrados, flexforms y registros huérfanos. Así tu base de datos se mantiene ligera y rápida.

Configuración de MySQL

Optimiza la configuración de MySQL para mejorar el rendimiento de las consultas. La query cache, el tamaño del innodb buffer pool y otros ajustes marcan una gran diferencia en las instalaciones TYPO3 con mucha actividad.

Optimizaciones en el servidor

Ajustar PHP-FPM

Configura PHP-FPM para obtener un rendimiento óptimo de TYPO3. El modo del gestor de procesos (dynamic, static, ondemand), max_children y otros ajustes determinan cuántas peticiones simultáneas puedes procesar sin retrasos.

Activar HTTP/2

HTTP/2 carga varios recursos en paralelo y usa compresión de cabeceras. La mayoría de los servidores web modernos lo admiten de serie. Activa HTTP/2 en la configuración de tu servidor web para que las páginas carguen más rápido.

Usar LiteSpeed

El servidor web LiteSpeed es bastante más rápido que Apache para aplicaciones PHP. Si tienes la posibilidad, plantéate usar LiteSpeed con LSCache para obtener el mejor rendimiento de TYPO3. En Theory7, nuestros servidores funcionan con LiteSpeed.

Supervisión del rendimiento

TYPO3 Admin Tools

Usa las Admin Tools integradas para identificar los cuellos de botella. Consulta el módulo Environment para ver la información de PHP y del sistema. El Extension Scanner te ayuda a encontrar código obsoleto.

DevTools del navegador

Revisa la pestaña Red de Chrome DevTools para identificar los recursos lentos. Fíjate en el Time to First Byte (TTFB), el Largest Contentful Paint (LCP) y el Total blocking time. Son Core Web Vitals que Google usa para el posicionamiento.

Supervisión del servidor

Supervisa los recursos del servidor para ver si el cuello de botella está en la CPU, la memoria o la E/S de disco. Herramientas como htop, iostat y vmstat muestran el rendimiento en tiempo real.

Problemas de rendimiento frecuentes

Demasiadas extensiones

Cada extensión añade sobrecarga. Desactiva las extensiones que no uses de forma activa. Revisa periódicamente qué extensiones necesita de verdad tu sitio para funcionar.

Imágenes sin optimizar

No subas imágenes grandes de varios megabytes. Redimensiona y optimiza las imágenes antes de subirlas. Usa el formato WebP siempre que puedas para reducir el tamaño de los archivos.

Sin caché activa

Esta es la causa más frecuente de las webs TYPO3 lentas. Comprueba siempre que la caché funciona correctamente. Para probarlo, carga una página dos veces y compara el tiempo de carga.

Recursos externos

Los scripts, las fuentes y los widgets externos pueden ralentizar tu web. Revisa los recursos externos y plantéate alojar localmente los assets críticos. Usa async o defer para los scripts siempre que sea posible.