Conseguir un Page Speed 90+ en Lighthouse no es cuestión de suerte: es el resultado de aplicar un conjunto de técnicas de optimización específicas. En esta guía recopilamos las técnicas avanzadas que utilizamos en Make Your Tale para garantizar Page Speed 90+ en todos los blogs que creamos.
CSS Crítico Inline
El CSS render blocking es una de las causas más comunes de bajo Page Speed. La solución es extraer el CSS necesario para renderizar la parte visible de la página (above the fold) e insertarlo inline en el
. El resto del CSS se carga de forma asíncrona. Esto elimina el bloqueo de renderizado y mejora significativamente el LCP y el First Contentful Paint.Optimización de imágenes
- Formato WebP: Ofrece 25-35% más de compresión que JPEG con la misma calidad
- Lazy loading nativo:
loading="lazy"en todas las imágenes debajo del pliegue - Dimensiones explícitas: width y height en todas las imágenes para evitar CLS
- Responsive images: srcset con diferentes tamaños para diferentes dispositivos
- Precarga de LCP:
<link rel="preload" as="image">para la imagen más grande
Optimización de fuentes
- font-display: swap: Muestra texto con fuente del sistema mientras carga la fuente personalizada
- preconnect:
<link rel="preconnect" href="https://fonts.googleapis.com"> - Subset de fuentes: Incluir solo los caracteres necesarios (latin, latin-ext)
- WOFF2: Formato más comprimido y moderno para fuentes web
Optimización de JavaScript
- Code splitting: Divide el JS en chunks bajo demanda
- Eliminar JS no utilizado: Usa herramientas como Coverage de Chrome DevTools
- Diferir JS no crítico: defer o async para scripts no esenciales
- Minimizar librerías: Evita frameworks pesados si solo necesitas funcionalidades básicas
Hosting y CDN
El hosting es la base. Firebase Hosting, Cloudflare Pages, Vercel y Netlify ofrecen CDN global con compresión Brotli y certificados SSL. La elección del hosting puede suponer una diferencia de 1-2 segundos en LCP. En Make Your Tale usamos Firebase Hosting por su integración con el ecosistema Google y su CDN global.
Para una guía más básica, visita nuestra guía garantizada de PageSpeed 90+.
Conclusión
El Page Speed 90+ no es un lujo: es un requisito para competir en 2026. Aplica estas técnicas y tu web cargará en menos de 2 segundos. En Make Your Tale, nos encargamos de todo el SEO técnico para que tu blog tenga Page Speed 90+ desde el día uno.