Optimizar la velocidad de tu sitio web

Por qué importa la velocidad

Un sitio rápido mejora la experiencia del usuario, el SEO y las conversiones. Google usa Core Web Vitals como factor de ranking. En Baires Host usamos servidores LiteSpeed que ofrecen rendimiento superior a Apache.

LiteSpeed Cache

LiteSpeed Cache es el sistema de caché integrado en el servidor. Para WordPress:

1. Instalá el plugin LiteSpeed Cache desde el repositorio de WordPress
2. Andá a LiteSpeed Cache → General
3. Habilitá la caché de página
4. En Cache → Cache Control, activá:

• Cache de páginas
• Cache de objetos
• Cache del navegador

Para sitios sin WordPress

Creá un archivo .htaccess con directivas de caché:

# Habilitar caché del navegador
<IfModule mod_expires.c>
  ExpiresActive On
  ExpiresByType image/jpg "access plus 1 year"
  ExpiresByType image/jpeg "access plus 1 year"
  ExpiresByType image/png "access plus 1 year"
  ExpiresByType image/webp "access plus 1 year"
  ExpiresByType text/css "access plus 1 month"
  ExpiresByType application/javascript "access plus 1 month"
</IfModule>

Compresión Gzip/Brotli

LiteSpeed soporta Brotli (mejor compresión que Gzip) de forma nativa. Verificá que esté activo:

# En .htaccess
<IfModule mod_deflate.c>
  AddOutputFilterByType DEFLATE text/html text/css application/javascript application/json
</IfModule>

Optimización de imágenes

Formatos modernos

• Convertí imágenes a WebP o AVIF (30-50% más livianas)
• Usá herramientas como Squoosh o el plugin LiteSpeed Cache (optimización automática)

Lazy loading

<img src="imagen.webp" loading="lazy" alt="Descripción">

Dimensiones explícitas

<img src="hero.webp" width="1200" height="600" alt="Hero">

Minificación de CSS y JavaScript

Con LiteSpeed Cache para WordPress:

1. Andá a LiteSpeed Cache → Page Optimization
2. Activá:

• Minify CSS
• Minify JS
• Combine CSS (con precaución)
• Load CSS/JS asíncronamente

Manual (sin WordPress)

Usá herramientas de build como Vite, Webpack o esbuild para minificar assets en producción.

CDN (Content Delivery Network)

Un CDN distribuye tu contenido estático globalmente:

1. Registrate en Cloudflare (plan gratuito disponible)
2. Cambiá los nameservers de tu dominio a los de Cloudflare
3. Habilitá las optimizaciones automáticas
4. Configurá reglas de caché para assets estáticos

Core Web Vitals

Métricas clave que Google evalúa:

Mejorar LCP

• Optimizá la imagen principal (hero)
• Usá preload para recursos críticos
• Eliminá CSS/JS que bloquee el renderizado

Mejorar CLS

• Definí dimensiones en imágenes y videos
• Reservá espacio para ads y embeds
• Evitá insertar contenido dinámico arriba del fold

Herramientas de medición

• PageSpeed Insights: Análisis completo con recomendaciones
• GTmetrix: Waterfall detallado de carga
• WebPageTest: Tests desde múltiples ubicaciones

Checklist de optimización

• LiteSpeed Cache habilitado
• Compresión Brotli/Gzip activa
• Imágenes en WebP con lazy loading
• CSS/JS minificados
• Caché del navegador configurado
• CDN activo (opcional pero recomendado)
• Core Web Vitals en verde