Rendimiento Web
Optimiza la carga de fuentes para mejorar la velocidad y los Core Web Vitals — subconjuntos, precarga, prevención de FOUT/FOIT y soluciones de CLS.
Fuentes Variables para el Rendimiento: Un Solo Archivo para Gobernarlas Todas
Las fuentes variables pueden reemplazar 6 o más archivos de fuente estáticos con uno solo. Las implicaciones de rendimiento: tamaño de archivo, solicitudes HTTP y pruebas reales.
FOUT vs FOIT: Entendiendo el Destello de Texto sin Estilo e Invisible
El FOUT muestra texto de reserva, el FOIT no muestra nada. Ambos son efectos secundarios de la carga de fuentes: aquí se explica qué los causa y cómo solucionarlos.
Previniendo el Desplazamiento de Diseño (CLS) por Carga de Fuentes
La carga de fuentes es una fuente oculta de Cumulative Layout Shift. Aprende size-adjust, la sustitución de métricas de fuente y estrategias para eliminar el CLS relacionado con las fuentes.
Rendimiento de Google Fonts: Consejos de Velocidad y Mejores Prácticas
Google Fonts es conveniente pero puede ralentizar tu sitio. Optimiza la carga con display=swap, sugerencias de preconnect, autoalojamiento y carga de subconjuntos.
font-display: swap, fallback, optional — Cuál Elegir
El descriptor CSS font-display controla lo que ven los usuarios mientras cargan las fuentes. Cada valor tiene compensaciones: aquí se explica cómo elegir el adecuado.
Precargado de Fuentes: Prioriza tus Fuentes Más Importantes
Usa <link rel=preload> para decirle al navegador qué fuentes importan más. Reduce el FOUT, mejora el LCP y comprende cuándo el precargado ayuda o perjudica.
Subsetting de Fuentes: Reduce el Tamaño de Archivo hasta un 90%
La mayoría de las fuentes web contienen miles de caracteres sin usar. Aprende a hacer subsetting de fuentes para cargar solo lo necesario, reduciendo drásticamente el tamaño de archivo.
Rendimiento de Fuentes Web: La Guía Completa de Optimización
Todo lo que necesitas saber sobre el rendimiento de fuentes: tamaño de archivo, estrategias de carga, bloqueo de renderizado y cómo afectan las fuentes a los Core Web Vitals.