Traduction et chargement différé du contenu HTML

Dans le CMS, il est possible de saisir du contenu HTML dans certaines zones. Lors de la préparation de ce contenu, il convient d'utiliser des balises de traduction et le chargement différé afin de garantir le bon fonctionnement de la traduction automatique et d'optimiser les performances de la page.

Ces informations s'appliquent aux zones où du contenu HTML peut être saisi, telles que les pages d'information et de section , les pages de catégorie , les pages de contenu et le module de contenu personnalisé .

Quel est le but d'une balise de traduction ?

Webayt Lors de la traduction automatique dans un CMS, le contenu est traité selon des limites de caractères spécifiques. Pour les textes longs, il est possible de les diviser en sections à intervalles réguliers dans le code source afin de garantir un déroulement fluide de la traduction.

Pour éviter de dépasser la limite de caractères lors de la traduction automatique, la balise suivante doit être ajoutée au champ du code source environ tous les 3500 caractères , y compris les codes et le texte :

 <!--lang-->

Cette balise permet de structurer les textes longs en sections plus cohérentes lors de la traduction. Elle est particulièrement recommandée pour les articles longs, les pages de description détaillées ou les contenus reposant largement sur du code HTML.

Qu'est-ce que le chargement paresseux ?

Le chargement différé est une méthode de performance optionnelle qui permet de charger ultérieurement les images et les vidéos non essentielles pendant le chargement de la page.

Cette méthode permet de charger le contenu pertinent au fur et à mesure que le visiteur navigue sur la page, plutôt que de charger toutes les images et vidéos simultanément à l'ouverture de la page. Cela peut améliorer les performances, notamment sur les pages comportant une forte densité d'images ou de vidéos.

Comment utiliser le chargement différé ?

Pour utiliser le chargement différé, au lieu d'utiliser la src standard dans les balises image ou vidéo data-original et d'ajouter la classe lazy à la balise correspondante.

Exemple d'utilisation d'une image :

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

Dans ce cas, l'image ne se charge pas dès l'ouverture de la page, mais lorsque le visiteur s'approche de la zone concernée sur la page.

Quand faut-il prêter attention ?

Il est recommandé de tenir compte de ces informations lors de la préparation de textes longs, de contenus contenant du code HTML, de pages comportant de nombreuses images ou de sections contenant des vidéos.

Pour un contenu court et simple, les balises de traduction ou le chargement différé ne sont pas toujours nécessaires. Cependant, pour un contenu plus long, les balises de traduction sont utiles, et pour les pages comportant de nombreuses images et vidéos, le chargement différé contribue à une structure plus robuste.

Résumé

Dans les champs de saisie de contenu HTML, il est important de prêter attention à la traduction automatique et aux paramètres de performance. Pour les textes longs, la balise <!--lang--> peut être utilisée environ tous les 3 500 caractères. Pour les images et les vidéos, le chargement différé peut être activé à l'aide des classes data-original et lazy .