Rendimiento del sitio: optimizar tu texto
En este artículo
- Diferentes tipos de fuentes
- Número de fuentes
- Formato de fuente y animación
- Imágenes de texto
- Fuentes de reserva en el Editor de Wix Studio
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.
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.
Nota:
Es posible que las herramientas de rendimiento muestren más fuentes de las que esperas, ya que los diferentes estilos y grosores de fuente pueden contarse por separado, y algunos elementos aún podrían usar otras fuentes o fuentes de respaldo. Para reducir el número de fuentes, comprueba los ajustes de fuente de cada tipo de elemento individualmente, como títulos, texto principal, botones y navegación.
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, te 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 de reserva 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 grosor en un sitio del
Editor de Wix Studio, puedes habilitar las fuentes de reserva predeterminadas. Las fuentes de reserva se cargan más rápido y se muestran temporalmente en el sitio online mientras las fuentes personalizadas se descargan en segundo plano.
Las fuentes de reserva pueden optimizar el rendimiento de la página al reducir el LCP (Renderizado del mayor elemento con contenido) del sitio, lo que puede mejorar las
métricas web principales y el posicionamiento en la Búsqueda de Google. Además, mostrar contenido de texto más rápido puede mejorar la experiencia de los visitantes mientras navegan por el sitio.
Más información sobre cómo habilitar las fuentes de reserva
Información útil:
- Las fuentes de reserva 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 de reserva, se agrega un valor de "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.