Site Performansı: Sitenizin DOM Sırası
2 dk.
Bu makalede
- DOM sırası ve site performansı
- Wix Editor sitelerindeki DOM sıralaması
- Studio Editor sitelerindeki DOM sıralaması
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.
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.
Ziyaretçilere daha sorunsuz bir deneyim sunabilmek için sitenizin DOM sıralaması sayfanın görsel sıralamasıyla ve dilin okuma sıralamasıyla (soldan sağa veya sağdan sola) eşleşmelidir.
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.
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'daki DOM sıralaması hakkında daha fazla bilgi edinin.
Not:
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.
Sitenin dilini mi değiştiriyorsunuz?
Bir sitenin dilini farklı bir okuma yönüne değiştirmek, DOM sıralamasının ögelerin görsel sıralamasıyla uyumsuz olmasına neden olabilir. Sitenin dilini farklı bir okuma yönü olan bir dille değiştirirseniz, sayfa ögelerini ve içeriği yeniden düzenlemek için Erişilebilirlik Sihirbazı'nı kullanmanızı öneririz.