HTML İçeriklerde Çeviri ve Lazy Load Kullanımı

Webayt CMS’te bazı alanlarda HTML içerik girişi yapılabilir. Bu alanlarda içerik hazırlarken otomatik çeviri sürecinin doğru çalışması ve sayfa performansının korunması için çeviri etiketi ve lazy load kullanımı dikkate alınmalıdır.

Bu bilgilendirme; Bilgi ve Bölüm Sayfaları, Kategori Sayfaları, İçerik Sayfaları ve Özel İçerik Modülü gibi HTML içerik girilebilen alanlar için geçerlidir.

Çeviri Etiketi Ne İşe Yarar?

Webayt CMS’te otomatik çeviri işlemleri yapılırken içerikler belirli karakter sınırlarına göre işlenir. Uzun içeriklerde çeviri sürecinin sorunsuz ilerleyebilmesi için içerik, kaynak kod alanında belirli aralıklarla bölümlendirilebilir.

Otomatik çeviri işleminde karakter limitine takılmamak için, kodlar ve metinler dahil olmak üzere yaklaşık her 3500 karakterde bir kaynak kod alanına aşağıdaki etiket eklenmelidir:

<!--lang-->

Bu etiket, uzun içeriklerin çeviri sürecinde daha sağlıklı parçalara ayrılmasına yardımcı olur. Özellikle uzun makaleler, detaylı açıklama sayfaları veya HTML kodu yoğun içerikler hazırlanırken kullanılması önerilir.

Lazy Load Nedir?

Lazy Load, sayfa yüklenirken kritik olmayan görsellerin ve videoların daha sonra yüklenmesini sağlayan isteğe bağlı bir performans yöntemidir.

Bu yöntem sayesinde sayfa ilk açıldığında tüm görsellerin ve videoların aynı anda yüklenmesi yerine, ilgili içerikler ziyaretçi sayfada ilerledikçe yüklenebilir. Bu da özellikle görsel veya video yoğun sayfalarda performansa katkı sağlayabilir.

Lazy Load Nasıl Kullanılır?

Lazy Load kullanmak için görsel veya video etiketlerinde standart src kullanımı yerine data-original kullanılmalı ve ilgili etikete lazy class’ı eklenmelidir.

Örnek görsel kullanımı:

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

Bu kullanımda görsel, sayfa açılır açılmaz değil; ziyaretçinin sayfadaki ilgili alana yaklaşmasıyla birlikte yüklenir.

Ne Zaman Dikkat Edilmeli?

Uzun metinler, HTML kodu içeren içerikler, çok sayıda görsel kullanılan sayfalar veya video içeren alanlar hazırlanırken bu bilgilere dikkat edilmesi önerilir.

Kısa ve sade içeriklerde çeviri etiketi veya lazy load kullanımı her zaman gerekli olmayabilir. Ancak uzun içeriklerde çeviri etiketi, görsel ve video yoğun sayfalarda ise lazy load kullanımı daha sağlıklı bir yapı oluşturmanıza yardımcı olur.

Özet

HTML içerik girilebilen alanlarda otomatik çeviri ve performans ayarlarına dikkat etmek önemlidir. Uzun içeriklerde yaklaşık her 3500 karakterde bir <!--lang--> etiketi kullanılabilir. Görseller ve videolar için ise isteğe bağlı olarak data-original ve lazy class kullanımıyla lazy load uygulanabilir.