HTML sayfalarının aşamalı oluşturma avantajından yararlanmasını engelleyen nedir?

Question

Bazı sayfaların hemen hemen oluşturulmaya başladığını, diğerlerinin ise kaynakların (javascript, image, css) birçoğu veya tamamı indirilene kadar beklemek zorunda olduğunu fark ettim. En kötü durum, büyük bir sayfa için, yavaş bir bağlantıda veya sunucuda görünüyor. Baktığım belirli bir sayfa, 30 farklı .js dosyası, bir düzine .css dosyası ve 80 görüntü ile neredeyse 2 MB'a çıkıyor.

http://developer.yahoo.com/performance/rules.html adresindeki önerilerin farkındayım, ancak tarayıcının son öğe indirilene kadar sayfayı oluşturmaya çalışmasının önlenmesi ne olurdu?

Answer 1

Bunun neden olabileceği birkaç neden vardır. Gördüğüm en yaygın masalar. Örneğin, Internet Explorer yükleme bitene kadar bir tablo oluşturmaktan hoşlanmaz.

Her tarayıcı, hala indirmekte olan şeyleri nasıl işledikleri konusunda biraz farklıdır.

Answer 2

Genel kural, düzeni etkileyecek yapı hakkında etiket kullanmamaktır. Bir sayfanın başlangıcındaki stillerle, bir oluşturma motoru sayfanın belirli bir bölümünü oluşturmak için ne yapması gerektiğini bilir, ancak her zaman bir parçanın düzgün şekilde nasıl oluşturulacağını öğrenmek için bir parçanın yüklenmesini beklemek zorundadır. Bunu göz önünde bulundurarak

:

1. Tablolar rearely (? hiç) düzeni amaçlar için kullanılmalıdır.
2. Öncelikle makul olarak oluşturulması gereken parçalar (kenar çubukları, araç çubukları ve sayfayı düzenleyen her şey), HTML belgesinin en üstünde yer almalıdır.

Günümüzde kullanımda olan büyük JavaScript kitaplıkları, yalnızca bir kez yüklenmeleri (ve önbelleğe alınmaları) gerektiğinden farklıdır.