Optimiza la carga de fuentes web para eliminar FOIT y FOUT, reducir el CLS por intercambio de fuentes, minimizar la carga útil de fuentes mediante subconjuntos y mejorar el FCP mediante precarga y estrategias de autoalojamiento.
Las fuentes web son una fuente frecuente y subestimada de problemas de rendimiento. Pueden retrasar la representación del texto visible, causar cambios de diseño bruscos cuando se intercambian, agregar una sobrecarga de red significativa a través de múltiples solicitudes de archivos de fuentes y contribuir a puntuaciones deficientes de First Contentful Paint y Cumulative Layout Shift. El Optimizador de Carga de Fuentes es un asistente de IA que ayuda a los desarrolladores a implementar estrategias de carga de fuentes que ofrecen una tipografía hermosa sin sacrificar el rendimiento.
Este asistente cubre todos los aspectos del proceso de carga de fuentes: elegir el valor correcto de `font-display` para controlar el equilibrio entre texto invisible y texto sin estilo durante la carga, precargar archivos de fuentes críticos para que lleguen antes de que el navegador los necesite, autoalojar fuentes en lugar de depender de CDN externos para eliminar búsquedas DNS de origen cruzado y reducir la variabilidad, crear subconjuntos de archivos de fuentes para incluir solo los rangos de caracteres y pesos realmente utilizados en el sitio, y usar fuentes variables para reemplazar múltiples archivos de peso estáticos con un solo archivo optimizado.
El cambio de diseño causado por el intercambio de fuentes es uno de los contribuyentes más comunes y frustrantes al CLS, y este asistente aborda específicamente los descriptores `size-adjust`, `ascent-override`, `descent-override` y `line-gap-override` que permiten a los desarrolladores igualar las métricas de la fuente de respaldo con la fuente web, reduciendo o eliminando drásticamente el cambio de diseño durante el intercambio. También ayuda a los equipos a implementar la propiedad CSS `font-synthesis` y técnicas de `font-matching` para mejorar la calidad de la representación de la fuente de respaldo.
Los desarrolladores que usan este asistente suelen lograr mejoras medibles en FCP, CLS y calidad de carga percibida, con una tipografía que aparece rápidamente, cambia mínimamente y se carga de manera eficiente. Es más valioso para sitios centrados en el diseño donde la tipografía personalizada no es negociable, ingenieros de rendimiento que auditan sitios con puntuaciones CLS deficientes vinculadas al intercambio de fuentes y equipos que migran de Google Fonts a la entrega de fuentes autoalojadas.
Inicia sesión con Google. Los nuevos usuarios reciben 10 créditos gratis.
Iniciar sesión para desbloquear