Html'inizde çok sayıda komut dosyası etiketine sahip olmakla ilgili performans sorunları var mı?

Question

Bir html dosyasında çok sayıda (50 numaralı) komut dosyası etiketine sahip olan sorunlar var mı? Sayfa oluşturma sürelerinde herhangi bir performans sorununa neden olur mu?

Sayfanın üzerinde bir konum belirten ve bir google harita üzerinde kullanmak için bir dizinin içine koyarak bir bölüm var. Yalnızca coğrafi konum noktaları için ayrı bir sorgu oluşturabilirim ancak başka içerik talep edildiğinde bunu daha verimli hale getirdiğime inanıyorum.

<script type="text/javascript">points[{count}] = [{job_latitude},{job_longitude},'{title}'];</script> 

Answer 1

Bir tarayıcı ayrıştırma ve HTML işleme durdurur ve ayrıştırma ve içeriğini yorumlamak başlayan bir SCRIPT unsurları karşılaştığında. Bunun nedeni, SCRIPT öğesinin kodunun önceden ayrıştırılmış DOM ağacını değiştirebilmesidir. Tüm belge gövdesi zaten ayrıştırıldığından, neden it’s recommended to put SCRIPTs at the bottom of the document'un nedeni budur.

Bu nedenle, coğrafi konumların tümünü birlikte istemeyi tercih ediyorum (belki bunları sunucu tarafında toplayabilir ve sonunda yazdırabilirsiniz). Ya da bunu yapmak istemezseniz veya yapmazsanız, ayrıştırıcının komut dosyasını beklememesini söylemek için SCRIPT öğelerinize defer attribute öğelerini ekleyin.

Answer 2

LABjs, komut dosyanızın işaretlemeye paralel olarak yüklenmesine izin veren hafif bir .js dosyası (MIT lisansı) olup, sayfa yükleme süresini önemli ölçüde iyileştirme potansiyeline sahiptir - ancak beklemeden() yararlanmaya dikkat edin. bağımlılıkları sağlamak için işlev onurlandırıldı.