Traducción y carga diferida en contenido HTML

Webayt En el CMS, se puede introducir contenido HTML en algunas áreas. Al preparar el contenido en estas áreas, se debe considerar el uso de etiquetas de traducción y la carga diferida para garantizar que el proceso de traducción automática funcione correctamente y se mantenga el rendimiento de la página.

Esta información se aplica a las áreas donde se puede introducir contenido HTML, como las páginas de información y sección , las páginas de categoría , las páginas de contenido y el módulo de contenido personalizado .

¿Cuál es la finalidad de una etiqueta de traducción?

Webayt Al realizar la traducción automática en un CMS, el contenido se procesa según límites de caracteres específicos. Para contenido extenso, este se puede dividir en secciones a intervalos específicos en el área del código fuente para garantizar que el proceso de traducción se desarrolle sin problemas.

Para evitar exceder el límite de caracteres en la traducción automática, se debe agregar la siguiente etiqueta al campo de código fuente aproximadamente cada 3500 caracteres , incluyendo códigos y texto:

 <!--lang-->

Esta etiqueta ayuda a dividir el contenido extenso en partes más coherentes durante el proceso de traducción. Se recomienda especialmente para artículos largos, páginas de descripción detalladas o contenido que dependa en gran medida del código HTML.

¿Qué es la carga diferida?

Lazy Load es un método de rendimiento opcional que permite que las imágenes y los vídeos no esenciales se carguen más tarde, mientras la página se está cargando.

Este método permite que el contenido relevante se cargue a medida que el visitante navega por la página, en lugar de que todas las imágenes y videos se carguen simultáneamente al abrir la página. Esto puede mejorar el rendimiento, especialmente en páginas con una alta densidad de imágenes o videos.

¿Cómo usar la carga diferida?

Para usar Lazy Load, en lugar de usar la src en las etiquetas de imagen o video data-original y agregar la clase lazy a la etiqueta correspondiente.

Ejemplo de uso de la imagen:

 <img data-original="ornek-gorsel.jpg" class="lazy" alt="Örnek görsel">

En este caso, la imagen no se carga en cuanto se abre la página, sino cuando el visitante se acerca a la zona correspondiente de la página.

¿Cuándo se debe prestar atención?

Se recomienda tener en cuenta esta información al preparar textos largos, contenido que contenga código HTML, páginas con muchas imágenes o secciones que contengan vídeos.

Para contenido breve y sencillo, las etiquetas de traducción o la carga diferida no siempre son necesarias. Sin embargo, para contenido más extenso, las etiquetas de traducción son útiles, y para páginas con muchas imágenes y vídeos, la carga diferida ayuda a crear una estructura más robusta.

Resumen

En los campos de entrada de contenido HTML, es importante prestar atención a la traducción automática y la configuración de rendimiento. Para contenido extenso, se puede usar la etiqueta <!--lang--> aproximadamente cada 3500 caracteres. Para imágenes y videos, se puede aplicar la carga diferida opcionalmente mediante las clases data-original y lazy .