Übersetzung und verzögertes Laden in HTML-Inhalten

Webayt Im CMS kann in bestimmten Bereichen HTML-Inhalt eingegeben werden. Bei der Erstellung von Inhalten in diesen Bereichen sollten Übersetzungs-Tags und Lazy Loading berücksichtigt werden, um eine korrekte automatische Übersetzung und optimale Seitenleistung zu gewährleisten.

Diese Informationen gelten für Bereiche, in denen HTML-Inhalte eingegeben werden können, wie z. B. Informations- und Abschnittsseiten , Kategorieseiten , Inhaltsseiten und das Modul für benutzerdefinierte Inhalte .

Welchen Zweck hat ein Übersetzungstag?

Bei der automatischen Übersetzung in einem CMS wird der Inhalt gemäß festgelegter Zeichenbegrenzungen verarbeitet. Um einen reibungslosen Übersetzungsprozess zu gewährleisten, kann der lange Text im Quellcode in Abschnitte mit festgelegten Abständen unterteilt werden.

Um die Zeichenbegrenzung bei der automatischen Übersetzung nicht zu überschreiten, sollte dem Quellcodefeld etwa alle 3500 Zeichen (einschließlich Codes und Text) folgendes Tag hinzugefügt werden:

 <!--lang-->

Dieses Tag hilft dabei, längere Texte während des Übersetzungsprozesses in besser verständliche Abschnitte zu gliedern. Es empfiehlt sich besonders für lange Artikel, detaillierte Beschreibungsseiten oder Inhalte, die stark auf HTML-Code basieren.

Was ist Lazy Load?

Lazy Load ist eine optionale Methode zur Leistungsoptimierung, die es ermöglicht, nicht kritische Bilder und Videos erst später zu laden, während die Seite noch geladen wird.

Diese Methode ermöglicht es, relevante Inhalte erst nach und nach zu laden, während der Besucher durch die Seite navigiert, anstatt alle Bilder und Videos gleichzeitig beim ersten Seitenaufruf zu laden. Dies kann die Performance verbessern, insbesondere auf Seiten mit vielen Bildern oder Videos.

Wie verwendet man Lazy Load?

Um Lazy Load zu verwenden, sollte anstelle des Standard src in Bild- oder Video-Tags data-original verwendet und die Klasse lazy dem entsprechenden Tag hinzugefügt werden.

Beispielhafte Bildverwendung:

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

In diesem Fall wird das Bild nicht sofort beim Öffnen der Seite geladen, sondern erst, wenn sich der Besucher dem entsprechenden Bereich auf der Seite nähert.

Wann sollte man aufmerksam sein?

Es wird empfohlen, diese Informationen zu beachten, wenn Sie lange Texte, Inhalte mit HTML-Code, Seiten mit vielen Bildern oder Abschnitte mit Videos erstellen.

Bei kurzen und einfachen Inhalten sind Übersetzungs-Tags oder Lazy Loading nicht immer notwendig. Bei längeren Inhalten hingegen, insbesondere bei Seiten mit vielen Bildern und Videos, trägt Lazy Loading zu einer robusteren Struktur bei.

Zusammenfassung

In Bereichen, in denen HTML-Inhalte eingegeben werden können, ist es wichtig, auf die Einstellungen für automatische Übersetzung und Performance zu achten. Bei längeren Inhalten kann das <!--lang--> Tag etwa alle 3500 Zeichen verwendet werden. Für Bilder und Videos kann optional Lazy Loading mithilfe der Klassen data-original und lazy aktiviert werden.