Saltar al contenido principal

SuperchargePerformance · Gratis

Fuentes del sistema en Chrome para cargar webs más rápido

Sustituye las fuentes web remotas por fuentes del sistema para reducir el tamaño de descarga de las páginas y acelerar el renderizado, con tres niveles de cobertura.

Actualizado el

La optimización de fuentes intercepta las solicitudes de descarga de fuentes web y las sustituye por fuentes del sistema que ya están en tu dispositivo. Las fuentes personalizadas suelen ser archivos grandes, y al bloquearlas te ahorras esa descarga adicional. Si priorizas la velocidad de la página sobre la tipografía, es una forma directa de reducir lo que descarga una página.

Cómo funciona

Las páginas web solicitan archivos de fuentes mediante declaraciones CSS @font-face, que generan solicitudes de red a CDN de fuentes (Google Fonts, Adobe Fonts y otros) o al propio servidor del sitio. SuperchargePerformance usa la API declarativeNetRequest de Chrome con dos conjuntos de reglas estáticos (font_low_ruleset, font_med_ruleset) para bloquear estas solicitudes antes de que se descarguen los archivos de fuentes.

Cuando se bloquea una solicitud de fuente, el navegador recurre a la siguiente fuente especificada en la pila font-family del CSS. Si no hay ninguna alternativa definida, el navegador usa la fuente predeterminada del sistema operativo. En el nivel Alto, se impone una única fuente del sistema optimizada en todas las páginas, lo que elimina cualquier variación entre sitios.

Configuración

NivelQué ocurreDisponibilidad
DesactivadoSin bloqueo de fuentes: todas las fuentes web cargan con normalidadGratis
BajoGoogle Fonts bloqueado por completo: las fuentes de iconos dejan de mostrarse (cuadros en blanco o palabras sueltas)Gratis
MedioTodas las fuentes web personalizadas se sustituyen por fuentes del sistemaGratis
AltoUna única fuente del sistema optimizada en todas las páginasPRO

El valor predeterminado es Desactivado. Activa esta función cuando la velocidad de carga de las páginas te importe más que una presentación tipográfica exacta.

Cuándo usarlo

  • Quieres que las páginas carguen más rápido en conexiones lentas, donde los archivos de fuentes grandes añaden una latencia notable
  • Te centras en la lectura y te importa más la claridad del texto que la tipografía de marca de un sitio
  • Quieres reducir el número de solicitudes de red a terceros que tu navegador hace a las CDN de fuentes
  • Usas un punto de acceso móvil o una conexión con datos limitados y quieres ahorrar ancho de banda

Combina la optimización de fuentes con Priorización de recursos para sumar el ahorro en fuentes a la carga diferida de los recursos fuera de pantalla.

Privacidad

La optimización de fuentes funciona por completo mediante la coincidencia local de reglas en la capa de red de Chrome. No se envían a ninguna parte las URL de las solicitudes de fuentes, el contenido de las páginas ni los datos de navegación. Todas las decisiones se toman en tu dispositivo.

Preguntas frecuentes

¿Se ven diferentes las páginas con la optimización de fuentes activada?
Sí. En el nivel Bajo, Google Fonts se bloquea por completo (fonts.googleapis.com y fonts.gstatic.com): la mayor parte del texto pasa a una fuente del sistema y las fuentes de iconos dejan de mostrarse, así que verás cuadros en blanco o palabras sueltas donde antes había iconos. En los niveles Medio y Alto, las tipografías personalizadas también se sustituyen por las fuentes de tu sistema, lo que cambia el aspecto visual pero mantiene la legibilidad.
¿Qué fuente del sistema usa el nivel Alto?
El nivel Alto sustituye las fuentes por una única fuente del sistema optimizada en todas las páginas, normalmente la sans-serif predeterminada de tu sistema operativo, que ya está cargada y no requiere ninguna descarga.
¿Afecta al funcionamiento de los sitios?
No, salvo en el caso de las fuentes de iconos. En el nivel Bajo, los iconos de botones, menús o formularios pueden aparecer como cuadros en blanco o caracteres sueltos.
¿Por qué está desactivada de forma predeterminada?
La optimización de fuentes cambia de forma visible el aspecto de las páginas, por eso está desactivada de forma predeterminada para evitar cambios visuales inesperados. Actívala a propósito según prefieras la velocidad o la fidelidad visual.
¿Es una función PRO?
Los niveles Bajo y Medio son gratis. El nivel Alto (una única fuente del sistema optimizada) requiere PRO, que es un pago único y no una suscripción.

Funciones relacionadas

De la biblioteca