Arreglar página de carga lenta en espera de fonts.googleapis.com - Mundo2030

¿Alguna vez te has sentido frustrado por una página web congelada en tu navegador que muestra el mensaje "Pending fonts.googleapis.com" en la barra de estado? Este artículo trata de explicar la razón principal detrás del mensaje "Esperando fonts.googleapis.com" y cómo solucionarlo para que las páginas web puedan cargarse rápidamente. El mensaje se verá así, la página web que intenta abrir puede tardar mucho tiempo en cargarse o, a veces, no cargarse en absoluto.

mostrar mensajes en el navegador "espera fonts.googleapis.com"

Mensaje del navegador que muestra "Pending fonts.googleapis.com"

El problema suele darse en navegadores como Google Chrome, Mozilla Firefox, Safari y Microsoft Edge.

¿Qué es fonts.googleapis.com?

Si tiene curiosidad acerca del dominio "fonts.googleapis.com", ábralo en una ventana del navegador. Verá un mensaje de error 404 no encontrado porque este no es el dominio disponible que podría pensar que es.

Error del servidor de fuentes de Google no encontrado

Error del servidor de fuentes de Google no encontrado

¿Entonces qué es esto? Google ofrece más de 650 familias de fuentes gratuitas que se usan ampliamente en línea bajo una licencia Creative Commons. Para acceder dinámicamente a estas fuentes, Google proporciona un servicio de API, por lo que los desarrolladores que crean temas, complementos o cualquier otro servicio pueden usar llamadas de API para descargar las fuentes deseadas de los dominios de Google, como fonts.googleapis.com, googleusercontent .com o gstatic fontfamily . comTodas las fuentes de Google se pueden ver en la versión oficial sitio de fuente.

El vínculo entre Google Fonts y las páginas web

Cada vez que navega por una página web que utiliza una de las fuentes de Google, su navegador intentará recuperar la fuente requerida de los servidores de Google. El navegador mostrará el mensaje "Esperando fonts.googleapis.com" en la barra de estado hasta que la fuente esté completamente cargada en el caché local. Las solicitudes de API se envían a través deEtiqueta en CSS en una página web. Puede verificar esto mirando la fuente de la página. Por ejemplo, haga clic derecho en una página en Google Chrome y haga clic en Ver código fuente de la página.

Verá una metaetiqueta como la siguiente en el encabezado de la página, que indica que la página descargará fuentes de los servidores de Google.

Enlaces a la hoja de estilo de fuentes de Google

Enlaces a la hoja de estilo de fuentes de Google

Obtén más información sobre cómo ver el código fuente de tus páginas de Chrome, Safari y Firefox.

¿Por qué las páginas se cargan lentamente cuando uso Google Fonts?

Cuando una página utiliza Google Fonts, el navegador intenta descargar todos los archivos de fuentes apropiados en la memoria caché del navegador antes de mostrar el contenido de la página. Esto es esencial para los navegadores para que el texto se muestre en la fuente correcta. El navegador necesita estas fuentes por primera vez. Después de la descarga inicial, el navegador almacenará en caché estas fuentes para evitar descargar las mismas fuentes cada vez, mejorando así la velocidad de carga de la página.

La imagen a continuación explica cómo funciona el almacenamiento en caché del navegador en general, y Google Fonts se encuentra en la sección Hojas de estilo.

¿Cómo funciona el almacenamiento en caché del navegador?

¿Cómo funciona el almacenamiento en caché del navegador?

Aunque Google proporciona archivos de fuentes comprimidos para mejorar el rendimiento, la velocidad de la página depende de la cantidad de archivos de fuentes necesarios para mostrar una página web.

Cada sitio web tiene un tema principal y complementos o widgets adicionales. Supongamos que el tema del sitio usa Google Fonts y cinco complementos diferentes están instalados en el sitio, que también usan diferentes familias de Google Fonts. Cuando se carga una página para este sitio, se llama al dominio fonts.googleapis.com 6 veces para descargar archivos de fuentes de los servidores de Google. Si el sitio requiere fuentes de diferentes tamaños, habrá descargas adicionales. Es por eso que la página se activa en el navegador antes de que se descarguen todas las fuentes necesarias.

La mayoría de los navegadores, como Google Chrome, mostrarán el contenido de la página solo después de descargar las fuentes necesarias. Como resultado, es posible que no vea ningún contenido hasta que el navegador haya terminado de descargar las fuentes (Firefox adopta un enfoque diferente, primero muestra el contenido usando las fuentes predeterminadas del navegador y luego muestra la pantalla una vez que se han descargado las fuentes deseadas).

Además de descargar la fuente, puede haber otras razones para la carga lenta, como las siguientes:

  • primera visita - Cada vez que la página se carga por primera vez en el navegador, todos los archivos de fuentes se descargarán y provocarán un retraso en la carga de la página.
  • Los complementos y temas usan muchas fuentes - Como se mencionó anteriormente, el tiempo de descarga de fuentes aumentará significativamente cuando el el sitio web utiliza una gran cantidad de archivos de fuentes.
  • borrar caché del navegador - Si ha borrado recientemente la memoria caché de su navegador, la página tardará un tiempo en cargarse por primera vez. Algunos navegadores, como Firefox, también tienen la opción de borrar el caché cuando sale del navegador. Habilitar esta opción descargará archivos de fuentes cada vez que abra su navegador y retrasará la carga de la página.
  • Complementos/extensiones del navegador - Los complementos del navegador, como los bloqueadores de secuencias de comandos o los bloqueadores de anuncios, también pueden ralentizar la carga de archivos de fuentes y generar solicitudes pendientes.
  • más solicitudes HTTP - El navegador realizará una solicitud HTTP separada para cada hoja de estilo en la página llamando a Google Fonts, lo que ralentizará el tiempo de respuesta general del servidor.
  • Bloquear sitios de Google - Algunos países bloquean todos los servicios de Google, incluidas las descargas de fuentes. Por lo tanto, las llamadas a la API de Google también serán bloqueadas por su ISP local y no podrán cargar la página hasta que caduque la solicitud. Una vez que caduque la consulta, el navegador utilizará la fuente alternativa definida en la hoja de estilo para mostrar el contenido.

¿Cómo soluciono problemas con fonts.googleapis.com?

Aquí hay algunas sugerencias que puede usar para cargar páginas rápidamente:

  1. Usar DNS estático
  2. Bloquear fuentes de Google en el archivo de hosts
  3. Deshabilitar la limpieza de la memoria caché del navegador al salir
  4. Deshabilitar extensiones del navegador
  5. restablecer navegador y enrutador
  6. Omita el bloqueo usando una VPN o proxy
  7. Deja de cargar la página en Chrome
  8. Para propietarios de sitios
  9. Para desarrolladores
  10. Piensa en la privacidad

1. Usa servidores DNS estáticos de Google

De forma predeterminada, todos los navegadores utilizan la configuración de DNS proporcionada por su proveedor de servicios de Internet (ISP). Esto puede hacer que las páginas se carguen lentamente debido a problemas de almacenamiento en caché. La mejor solución para superar este problema es utilizar un servidor DNS público, como el DNS público de Google. Esto acelerará la carga de la página, ya que las fuentes ya están almacenadas en caché en los servidores DNS de Google.

2. Bloquea fonts.googleapis.com con el archivo Hosts

Si el DNS público no te funciona, la siguiente opción es intentar bloquear el dominio "fonts.googleapis.com". Esto se puede hacer dirigiendo el dominio "fonts.googleapis.com" a la dirección IP del host local en el archivo de hosts disponible en una PC o Mac. Cuando bloquea Google Fonts, el navegador utilizará una fuente alternativa definida en el CSS del sitio o utilizará la fuente predeterminada del navegador.

Agregue las siguientes entradas al archivo de hosts para bloquear los dominios "fonts.googleapis.com" para IPv4 e IPv6, respectivamente:

127.0.0.1 fuentes.googleapis.com

:: 1 fuentes.googleapis.com

3. Deshabilite la limpieza del caché del navegador al salir

Algunos navegadores ofrecen una opción para borrar su historial de navegación cuando cierra el navegador. Asegúrese de deshabilitar la opción "Borrar historial y salir de caché" para que el navegador use fuentes de caché después de la descarga inicial. Cuando una página web necesita la misma familia de fuentes nuevamente, el navegador carga la página más rápido y usa la fuente del almacenamiento en caché en lugar de llamar a los servidores de Google.

4. Revisa las extensiones de tu navegador

Las extensiones del navegador también pueden bloquear Google Fonts. Cuando tenga muchas extensiones instaladas en su navegador de forma predeterminada, deshabilite todas las extensiones, especialmente como bloqueadores de anuncios. Si se resuelve el problema, puede reactivar e identificar la extensión que realmente está causando la demora.

También puede usar el modo incógnito/seguro/modo privado, que desactiva automáticamente todas las extensiones.

5. Reinicie el navegador y el enrutador

Borrar el historial de su navegador e intentar recargar la página varias veces a veces puede ayudar. También intente reiniciar el enrutador para desconectarse de la red y recargar la página. Si nada parece funcionar, no dude en ponerse en contacto con su ISP para averiguar si hay algún problema con su sitio.

6. Servicios de Google bloqueados

Muchos países, como China, están bloqueando los servicios completos de Google, incluido "fonts.googleapis.com". Pruebe una VPN confiable o un servicio proxy para eludir los firewalls, lo que puede ayudar a que las páginas se carguen más rápido. Solo su ISP puede bloquear las fuentes de Google, aunque otros ISP las permiten. Si sospecha que hay un problema, comuníquese con su ISP, intente abrir la página con otra red y confirme que el problema persiste en la red o solo con su ISP.

Recuerde usar un servicio VPN premium como VyprVPN o ExpressVPN, y evite usar servidores proxy gratuitos poco confiables para proteger su actividad de navegación.

También puedes consultar la velocidad de la página en redes móviles. Si las páginas se cargan más rápido, su ISP puede ser la causa del problema.

7. Deja de cargar páginas en Chrome

Cuando vea "Pending fonts.googleapis.com", haga clic en Dejar de cargar la página. Esto detendrá la llamada a la API e inmediatamente verá que Chrome carga el contenido de la página de fuente de respaldo. Esto solo se aplica a Google Chrome y puede afectar la visualización. de contenido

deja de cargar la pagina

deja de cargar la pagina

8. Para propietarios de sitios web

Si posee un sitio web, use temas y complementos que usen fuentes comunes en lugar de llamar dinámicamente a Google Fonts. Si no puede evitar esto, asegúrese de usar menos archivos de fuentes para reducir el tamaño de la descarga.

Si usa WordPress, incluso la interfaz de administración usa Google Fonts, lo que lo hace lento para iniciar sesión y usar otras funciones del tablero. Usa algo como "Deshabilitar las fuentes de Google”Para ayudar a deshabilitar las fuentes de Google en su interfaz de administración de WordPress.

Algunos complementos y temas pueden usar hojas de estilo para invocar Google Fonts, incluso cuando están deshabilitados. Es posible que deba eliminar el complemento/tema por completo para corregir esto.

La actualización de un complemento o tema también puede restaurar las fuentes a su estado original debido a cambios en la configuración o la adición de una nueva función llamada Google Fonts.

9. Para desarrolladores

Debido a que los problemas con las fuentes pequeñas pueden impedir por completo el acceso a una página, recomendamos a los desarrolladores que utilicen las fuentes de Google de su elección para complementos y temas. Los propietarios de sitios web pueden optar por elegir una familia de fuentes común o Google Fonts y cambiar entre opciones en cualquier momento. Otra buena práctica es asegurarse de que la configuración actual del usuario no se vea afectada al actualizar a una versión más nueva de un complemento o tema.

Otra forma es usar un tema o un paquete de complementos para descargar y entregar las fuentes que se necesitan localmente a Google.

Descargar fuentes de Google

Descargar fuentes de Google

10. Consideraciones de privacidad al usar Google Fonts

Además de los problemas con la carga lenta de las páginas, Google también recopila datos sobre el uso de fuentes cuando el navegador llama a la API a fonts.googlepis.com, googleusercontent.com o gstatic.com Cada solicitud de CSS y descarga de un archivo de fuente registrado y utilizado por Google Análisis de fuentes de Google Lugar. Google también usará Google Web Crawl para averiguar qué sitios usan sus fuentes y usará estos datos para crear una base de datos de sitios que usan Google Fonts. Por lo tanto, si no desea que Google use los datos de su sitio web, deshabilite Google Fonts y use fuentes comunes.

ultimas palabras

Esperamos que este artículo haya proporcionado información sobre Google Fonts y haya ayudado a que sus páginas se carguen más rápido. Es difícil para el usuario promedio controlar la parte del diseño. Si no hay solución, comuníquese con el propietario del sitio e informe al sitio que no se puede cargar debido a Google Fonts. Los propietarios de sitios web pueden cambiar a fuentes compartidas después de enterarse del hecho de que están perdiendo visitantes reales.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Subir
error: Content is protected !!