Traduzione e caricamento differito nei contenuti HTML

Webayt Nel CMS, è possibile inserire contenuti HTML in alcune aree. Quando si preparano i contenuti in queste aree, è opportuno considerare l'utilizzo di tag di traduzione e del lazy loading per garantire il corretto funzionamento del processo di traduzione automatica e il mantenimento delle prestazioni della pagina.

Queste informazioni si applicano alle aree in cui è possibile inserire contenuti HTML, come le pagine informative e di sezione , le pagine di categoria , le pagine di contenuto e il modulo di contenuto personalizzato .

Qual è lo scopo di un tag di traduzione?

Webayt Quando si esegue la traduzione automatica in un CMS, il contenuto viene elaborato in base a specifici limiti di caratteri. Per i contenuti lunghi, è possibile suddividerli in sezioni a intervalli specifici nell'area del codice sorgente per garantire che il processo di traduzione proceda senza intoppi.

Per evitare di superare il limite di caratteri nella traduzione automatica, è necessario aggiungere il seguente tag al campo del codice sorgente ogni 3500 caratteri circa, inclusi codici e testo:

 <!--lang-->

Questo tag aiuta a suddividere i contenuti lunghi in parti più coerenti durante il processo di traduzione. È particolarmente consigliato per articoli lunghi, pagine di descrizione dettagliate o contenuti che fanno ampio uso di codice HTML.

Che cos'è il Lazy Load?

Lazy Load è un metodo opzionale per ottimizzare le prestazioni, che consente di caricare in un secondo momento immagini e video non essenziali, mentre la pagina è in fase di caricamento.

Questo metodo consente di caricare i contenuti pertinenti man mano che il visitatore naviga nella pagina, anziché caricare simultaneamente tutte le immagini e i video all'apertura iniziale della pagina. Ciò può migliorare le prestazioni, soprattutto su pagine con un'elevata densità di immagini o video.

Come utilizzare il Lazy Load?

Per utilizzare il Lazy Load, invece del src standard nei tag di immagini o video data-original e aggiungere la classe lazy al tag corrispondente.

Esempio di utilizzo dell'immagine:

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

In questo caso, l'immagine viene caricata non appena la pagina si apre, ma quando il visitatore si avvicina all'area pertinente della pagina.

Quando bisogna prestare attenzione?

Si raccomanda di prestare attenzione a queste informazioni durante la preparazione di testi lunghi, contenuti contenenti codice HTML, pagine con molte immagini o sezioni contenenti video.

Per contenuti brevi e semplici, i tag di traduzione o il lazy loading potrebbero non essere sempre necessari. Tuttavia, per contenuti più lunghi, i tag di traduzione risultano utili, e per pagine con molte immagini e video, l'utilizzo del lazy loading contribuisce a creare una struttura più solida.

Riepilogo

Nei campi di input HTML, è importante prestare attenzione alla traduzione automatica e alle impostazioni delle prestazioni. Per contenuti lunghi, il tag <!--lang--> può essere utilizzato all'incirca ogni 3500 caratteri. Per immagini e video, è possibile applicare facoltativamente il caricamento differito (lazy loading) utilizzando le classi data-original e lazy .