Site Performansı: Sitenizin DOM Sırası
2 dakikalık okuma
Sitenizin DOM sırası, sayfalarınızdaki ögelerin okuma sırasını gösterir. Bu sıra, Tab tuşu veya ekran okuyucular gibi yardımcı teknolojileri kullanan ziyaretçiler için önemlidir, çünkü ziyaretçilerin bu ögeleri hangi sırayla görüntüleyebileceklerini ve bu ögelerle hangi sırada etkileşim kurabileceklerini belirler.
Her ziyaretçinin sitenizde kolaylıkla gezinebilmesi için, DOM sırasının sayfalarınızdaki ögelerin görsel sırasıyla eşleşmesini sağlamanızı öneririz. Yükleme sırasını eşleştirmek, daha iyi erişilebilirlik sağlamasının yanı sıra sitenizde düzen sorunları olmasını da önler.
Bu makalede bilgi edinebileceğiniz konular:
DOM sırası ve site performansı
DOM, ögelerin sitenize yüklenme sırasını belirler. DOM sırası ögelerin görsel sırası ile eşleşmezse bu durum, sitenizin yüklenmesini etkileyebilir.
Örneğin, bir düğme bir sayfanın en altında görünüyorsa ancak DOM sıralamasında ilk sıradaysa, sayfada üstünde bulunan ögelerden önce yüklenir. Ek içerik yüklendikçe, sayfanın düzeni diğer ögelere uyum sağlamak için kayabilir ve hareket edebilir.
Ayrıca, bir ziyaretçi içeriğin geri kalanı yüklenirken bu düğmeye tıklamaya çalışırsa yanlışlıkla başka bir öge seçebilir ve başka bir sayfaya veya bölüme götürülebilir.
Sitenizin DOM sırası, dilin okuma sırasından bağımsız olarak (soldan sağa veya sağdan sola komut dosyası) sayfanın görsel düzeniyle eşleşmelidir; bu sayede, site doğru şekilde yüklenir ve ziyaretçiler için daha sorunsuz bir deneyim ortaya çıkar.
Wix Editor sitelerindeki DOM sıralaması
Otomatik DOM sırası, masaüstü editör sitenizde otomatik olarak etkinleştirilir. Yani ögelerin görsel sıralamasında yaptığınız tüm değişiklikler otomatik olarak DOM sıralamasına uygulanır ve böylelikle herhangi bir şey yapmanıza gerek kalmaz.
Masaüstü editör ile bir site oluşturduğunuzda, sitenizin mobil bir versiyonu da oluşturulur. Mobil sitenizin DOM sırası da otomatik olarak ayarlanır ve herhangi bir manuel değişiklik gerektirmez.
Önemli:
Masaüstü editör sitelerindeki otomatik DOM sırası, soldan sağa komut dosyaları için oluşturulmuştur (ör. İngilizce, İspanyolca, vb.). Sitenizde Arapça veya İbranice gibi sağdan sola yazılan bir yazı kullanıyorsanız DOM sırasını Katmanlar panelinden manuel olarak yeniden düzenlemeniz gerekir.
Not:
Otomatik DOM sırası, masaüstündeki değişikliklere yalnızca sitenizi kaydettiğinizde uygulanır.
Studio Editor sitelerindeki DOM sıralaması
Studio Editor ile oluşturduğunuz sitelerde Otomatik DOM sıralaması otomatik olarak etkinleştirilir. Öge eklediğinizde, hizaladığınızda ve yeniden boyutlandırdığınızda sıra otomatik olarak yeniden düzenlenir. Bu nedenle siz ilerledikçe optimize edilmiş halde kalır.
Studio Editor sitesinde otomatik DOM'u devre dışı bırakabilir ve gerekirse manuel değişiklikler yapabilirsiniz. Studio Editor'de DOM sıralaması hakkında daha fazla bilgi edinin.
Önemli:
- Otomatik DOM, Kasım 2024'ün başından sonra Studio Editor ile oluşturulan sitelerde otomatik olarak etkinleştirilir. Bu tarihten önce bir site oluşturduysanız, etkin değildir.
- Masaüstü sitelerdeki otomatik DOM sırası, soldan sağa komut dosyaları için oluşturulmuştur (ör. İngilizce, İspanyolca, vb.). Sitenizde Arapça veya İbranice gibi sağdan sola yazılan bir yazı kullanıyorsanız DOM sırasını Katmanlar panelinden manuel olarak yeniden düzenlemeniz gerekir.
Bu içerik yardımcı oldu mu?
|