DOM öğelerinin sayısını azaltmanın en iyi yolları

Question

Herkes daha az DOM öğesinin daha iyi bir sayfa performansı anlamına geldiğini kabul eder. Özellikle daha eski tarayıcılarda daha iyi javascript performansı anlamına gelir.

Ancak DOM öğelerini azaltmak için en iyi yerler nerede? Karşılaştığınız ortak suçlamalar nelerdir, bu sayıyı almak için kolay düzeltmeler nelerdir?

Answer 1

kullanım:

<ul id="navigation-main"> 
    etc.. 
</ul> 

yerine de: yani mümkün

<div id="navigation-main"> 
    <ul> 
     etc.. 
    </ul> 
</div> 

.... Bazen mizanpaj amacıyla ek olarak div'a ihtiyacınız vardır. Ama gerekli olmadığında, kullanma.

Answer 2

Düzenlemeyi etkileyecek bir öğe kullandığınız her yerde, üzerinde düşünebileceğiniz bir şey vardır. Çoğu zaman aynı sonucu elde etmek için CSS ile birleştirilmiş daha az eleman kullanabilirsiniz. Belirli kurallara çok bağlı olduğu için zor kurallar zordur.

Answer 3

ASP.NET sunucu denetimleri kullanıyorsanız, bu başlangıç ​​için iyi bir yer olabilir. Bazı sunucu tarafı denetimleri, hızlı geliştirme için büyük iken, kendilerini aşırı biçimlendirme ile işleyecektir. Ben sunucu tarafı denetimleri kullanmayın savunan değilim, ama birlikte işaretlemeyi bina işaretlemeyi kendiniz veya 2) yeniden yazma

1 ile DOM azaltılması için iyi adaylardır sitenizin bazı modülleri) bulabilirsiniz System.Web.UI.HtmlControls ad alanı.

Bu yaklaşım için iyi adaylar sitenizde sık sık görünen bileşenlerdir (üstbilgi, altbilgi, gezinme menüleri). Adaylar, bu tarzın korunmasını sağlamadıkça sık sık değiştirilmez veya değiştirilmez.

Başka bir ASP.NET özel tekniği,'u, bir div veya panel yerine, runat="server" özniteliğiyle dinamik olarak çalışmak üzere kullanmaktır. Yer tutucu denetimi, yalnızca eklediğiniz öğelere ek öğeler sunmaz.