l Mito de que EJS es Lento

Muchos desarrolladores saltan a frameworks pesados de cliente creyendo que es la única forma de ser rápidos. Sin embargo, con andressy.dev he demostrado que una arquitectura SSR (Server Side Rendering) bien configurada puede superar a cualquier SPA (Single Page Application).

Aquí te comparto mis estrategias de optimización extrema.

⚡ 1. Compresión y Minificación On-the-Fly

El primer paso para la velocidad es enviar menos bytes. Usar middlewares de compresión reduce el tamaño de tus respuestas HTML y JSON hasta en un 70%.

JavaScript


const compression = require('compression');
app.use(compression());

Además, asegúrate de que tus archivos CSS y JS estén minificados antes de llegar al navegador. Un archivo de 100KB que baja a 20KB marca la diferencia en redes móviles.

🖼️ 2. El Desafío de las Imágenes Dinámicas

Las imágenes suelen ser el recurso más pesado. En mi plataforma, utilizo dos técnicas clave:

  • Lazy Loading: Las imágenes solo se cargan cuando el usuario hace scroll hacia ellas.
  • Formatos Modernos: Intenta servir imágenes en formato WebP. Son mucho más ligeras que el JPEG sin perder calidad.
  • Uso de Proxies: Como vimos en el artículo del Proxy de Imágenes, procesar las URLs ayuda a evitar bloqueos y optimizar la entrega.

🧠 3. Estrategias de Caché a nivel de Servidor

¿Por qué consultar la base de datos mil veces por el mismo contenido?

  • Caché en Memoria: Para datos que no cambian seguido (como el contador de mensajes o la lista de tags), guardamos el resultado en una variable global o en Redis por unos minutos.
  • Static Assets: Configura cabeceras Cache-Control agresivas para que el navegador guarde tus logos y scripts localmente.

🚀 4. Critical CSS y Render Blocking

Para obtener un 100 en PageSpeed, el navegador no debe esperar a que cargue todo el CSS para mostrar el primer texto.

  • Inline CSS: Inyecta los estilos críticos directamente en el <head>.
  • Defer scripts: Usa el atributo defer en tus etiquetas <script> para que no detengan el renderizado del HTML.

🎯 Conclusión

La optimización no es un truco de magia, es disciplina técnica. Un sitio rápido no solo mejora la experiencia del usuario, sino que dispara tu posicionamiento en Google y reduce los costos de servidor.

Si cuidas los milisegundos, los usuarios te devolverán minutos de atención.