Tradução e carregamento lento em conteúdo HTML

Webayt No CMS, é possível inserir conteúdo HTML em algumas áreas. Ao preparar conteúdo nessas áreas, deve-se considerar o uso de tags de tradução e carregamento lento (lazy loading) para garantir que o processo de tradução automática funcione corretamente e que o desempenho da página seja mantido.

Esta informação aplica-se a áreas onde pode ser inserido conteúdo HTML, tais como Páginas de Informação e de Secção , Páginas de Categoria , Páginas de Conteúdo e o Módulo de Conteúdo Personalizado .

Qual é a finalidade de uma tag de tradução?

Webayt Ao realizar a tradução automática em um CMS, o conteúdo é processado de acordo com limites de caracteres específicos. Para conteúdos longos, o conteúdo pode ser dividido em seções em intervalos específicos na área do código-fonte para garantir que o processo de tradução ocorra sem problemas.

Para evitar exceder o limite de caracteres na tradução automática, a seguinte tag deve ser adicionada ao campo do código-fonte a cada 3500 caracteres aproximadamente, incluindo códigos e texto:

 <!--lang-->

Essa tag ajuda a dividir conteúdos longos em partes mais coerentes durante o processo de tradução. É especialmente recomendada para artigos extensos, páginas de descrição detalhadas ou conteúdo que dependa muito de código HTML.

O que é Lazy Load?

O Lazy Load é um método opcional de otimização de desempenho que permite que imagens e vídeos não essenciais sejam carregados posteriormente, enquanto a página está sendo carregada.

Este método permite que o conteúdo relevante seja carregado à medida que o visitante navega pela página, em vez de todas as imagens e vídeos serem carregados simultaneamente na abertura inicial da página. Isso pode melhorar o desempenho, especialmente em páginas com alta densidade de imagens ou vídeos.

Como usar o Lazy Load?

Para usar o Lazy Load, em vez de usar a src padrão nas tags de imagem ou vídeo data-original e adicionar a classe lazy à tag correspondente.

Exemplo de uso da imagem:

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

Nesse caso, a imagem não é carregada assim que a página é aberta, mas sim quando o visitante se aproxima da área relevante da página.

Quando devemos prestar atenção?

Recomenda-se prestar atenção a essas informações ao preparar textos longos, conteúdo que contenha código HTML, páginas com muitas imagens ou seções que contenham vídeos.

Para conteúdo curto e simples, o uso de tags de tradução ou carregamento lento (lazy loading) pode nem sempre ser necessário. No entanto, para conteúdo mais extenso, e para páginas com muitas imagens e vídeos, o uso de carregamento lento ajuda a criar uma estrutura mais robusta.

Resumo

Em áreas onde é possível inserir conteúdo HTML, é importante prestar atenção à tradução automática e às configurações de desempenho. Para conteúdo extenso, a tag <!--lang--> pode ser usada a cada 3500 caracteres aproximadamente. Para imagens e vídeos, o carregamento lento (lazy loading) pode ser aplicado opcionalmente usando as classes data-original e lazy .