Rendimiento del sitio: optimizar tu texto

4 min de lectura
Optimiza el texto de tu sitio para mejorar la experiencia de los visitantes. Los tipos de fuentes, los efectos y el formato pueden afectar al rendimiento de tu sitio. Por lo tanto, recomendamos seguir nuestras pautas para asegurarte de que puedes mostrar información importante sin comprometer la funcionalidad.
En este artículo, obtén más información sobre cómo puedes optimizar el texto de tu sitio:
Consejo:
La presencia de texto significativo en la mitad superior de la página también garantiza que los visitantes tengan contenido disponible para leer mientras se carga el resto del sitio.  

Diferentes tipos de fuentes

Hay algunos tipos de fuentes que puedes usar en tu sitio. Según el tipo y los requisitos de descarga, varían en la forma en que afectan a la velocidad de carga y el rendimiento de tu sitio. Los tres tipos de fuentes son los siguientes:
  • Fuentes del sistema: estas son fuentes comunes que muy probablemente ya existan en tu sistema y en el de los visitantes. Como están incluidas en la mayoría de los sistemas, no es necesario descargarlas para que aparezcan en los dispositivos de los visitantes y, por lo tanto, no afectan al rendimiento de tu sitio.
  • Fuentes personalizadas: las fuentes personalizadas son fuentes que puedes subir desde cualquier tercero para usar en tu sitio Wix. Estas fuentes son una forma personal de enriquecer la experiencia de tu sitio, pero requieren que se descarguen del servidor para que aparezcan en el navegador del visitante. Por lo tanto, estas fuentes pueden afectar al rendimiento de tu sitio.
  • Fuentes disponibles en Wix: cuando creas y editas tu sitio con Wix, puedes notar que ofrecemos diversas fuentes de texto. Algunas de estas son fuentes del sistema, mientras que otras actúan como fuentes personalizadas y, en consecuencia, afectan a la velocidad de carga de tu sitio.
Para resumir:
  • Las fuentes del sistema se cargan más rápido que las fuentes personalizadas, dado que ya existen en el sistema. Por ende, esto ahorra ancho de banda al reducir el número de solicitudes necesarias para cargar su sitio. 
  • Como las fuentes del sistema tienen un impacto menor en la velocidad de tu sitio, recomendamos usarlas en lugar de fuentes personalizadas siempre que sea posible.

Número de fuentes

Al usar fuentes en tu sitio, es importante tener en cuenta que tener varias fuentes y tipos de fuentes distintos puede repercutir en el tiempo de carga y el rendimiento general. 
Las fuentes del sistema no requieren descarga. Por su parte, las fuentes personalizadas deben descargarse del servidor para que se muestren en tu página. Las diferentes fuentes personalizadas también pueden tener distintas velocidades de descarga, lo que puede afectar, aún más, al tiempo de carga de tu sitio.
Recomendamos mantener el número de fuentes (tanto del sistema como personalizadas) de tu página en 3 o menos, ya que esto permite que tu sitio web funcione de manera fluida. La coherencia en las fuentes (y los colores) también ayuda a reforzar tu imagen de marca y a mantener la coherencia en el aspecto de tu sitio.

Formato de fuente y animación

Los diferentes pesos de las fuentes, como negrita, subrayado o cursiva, también pueden afectar al tiempo de carga de tu sitio. Intenta mantener los pesos de las fuentes de una página en 3 o menos, usándolos para fines específicos (por ejemplo, para resaltar un área de texto en tu página).
Además, el texto animado puede tener un efecto en la legibilidad y el SEO del texto. Esto se debe a que los motores de búsqueda no pueden leer el texto animado. Recomendamos usar texto normal para el contenido importante de tu sitio y evitar el uso excesivo de animaciones de revelación en la mitad superior de la página. 

Imágenes de texto

En la medida de lo posible, evita las imágenes que contengan texto. El texto de la imagen puede aparecer borroso mientras se carga la imagen, y los motores de búsqueda no pueden traducirlo ni rastrearlo. Asegúrate de usar texto estándar en tu sitio, siempre que sea posible, para mantener el rendimiento de tu sitio y el posicionamiento de SEO.
Consejo:
Como alternativa, recomendamos agregar texto alternativo a las imágenes. Esto permite que los motores de búsqueda y los lectores de pantalla "lean" la descripción de la imagen. 

Fuentes predeterminadas en el Editor de Wix Studio

Nota:
Esta función solo está disponible en el Editor de Wix Studio.
Si estás usando fuentes personalizadas de gran tamaño en un sitio del Editor de Wix Studio, puedes habilitar las fuentes predeterminadas. Las fuentes predeterminadas se cargan más rápido y se muestran de forma temporal en el sitio online, mientras las fuentes personalizadas se descargan en segundo plano. 
Las fuentes predeterminadas pueden optimizar el rendimiento de la página al reducir el LCP (Largest Contentful Paint) del sitio, lo que puede mejorar la clasificación de las métricas web principales y la clasificación en las búsquedas de Google. Además, mostrar contenido de texto más rápidamente puede mejorar la experiencia de los visitantes mientras navegan por el sitio. Aprende cómo habilitar las fuentes predeterminadas
Información útil:
  • Las fuentes predeterminadas mejoran el tiempo de carga si el elemento más grande en la mitad superior de la página es un elemento de texto
  • Cuando habilitas las fuentes predeterminadas, se agrega un valor de "swap" (intercambio) al descriptor CSS font-display. Este descriptor determina cómo se muestra una fuente en función de cuándo se descarga y está lista para usar.

¿Te ha sido útil?

|