Manual de Rendimiento de Fuentes
Optimiza la carga de fuentes web desde los principios básicos — subconjuntos, precarga, estrategias de visualización y Core Web Vitals.
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.
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.
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.
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.