Optimiza las fuentes web en WordPress: carga local, menos tipografías y font-display: swap para mejorar LCP y evitar bloqueos del navegador.
Accede a la lección en vídeo de la membresía. Cada martes, jueves y sábado aprende con una clase nueva. Puedes identificarte en este enlace o suscribirte a los cursos.
Contenido de la lección
(Recordar que este contenido es la escaleta)
En esta clase práctica aprenderás a optimizar completamente las fuentes web de tu WordPress para eliminar bloqueos del navegador y mejorar significativamente el LCP.
Descubrirás cómo convertir Google Fonts en fuentes locales, implementar font-display: swap para texto visible durante la carga, y reducir drásticamente el número de fuentes cargadas.
Objetivo de la lección
Implementar una estrategia completa de optimización de fuentes que elimine los bloqueos del navegador y reduzca el tiempo de renderizado del texto hasta un 70%, mejorando directamente el LCP y resolviendo definitivamente los problemas de PageSpeed relacionados con «asegurar que el texto permanece visible mientras se carga la fuente web».
Recursos
- Perfmatters – Gestión completa: local, swap y preload
- Local Google Fonts (OMGF) (freemium) – Especializado en Google Fonts locales
Herramientas de diagnóstico:
- Inspector del navegador – Identificar fuentes cargadas y font-display
- PageSpeed Insights – Verificar «texto visible durante carga de fuentes»
- WebPageTest – Análisis detallado de waterfall de fuentes
¿Quieres comentar este post?
Regístrate gratis o inicia sesión para poder comentar
Iniciar Sesión
Registrarse
Restablecer Contraseña