2011-07-26 34 views
6

Herkes bana neden bu alanların (? Ile işaretlenmiş) orada olduğunu açıklayabilir mi? Sayfa yüklemesini geciktiriyorlar. Sayfa/senaryo ayrıştırma zamanı olabileceğini düşündüm, ancak ~ 350ms basit bir sayfa için çok fazla görünüyor; Tamam, bir sürü senaryo var ama hala çok şey var.Tarayıcı neden sayfayı yüklemeyi bitirmek için bekliyor?

Bu ne olabilir?

Chrome page speed screenshot

+1

Başka neler olduğunu görmek için Zaman Çizelgesi görünümünü kullanın. –

+1

Komut dosyasını kaldırırsanız, bu efekt hala devam ediyor? – Aristos

+1

Bunu, bu firebug gibi diğer araçları kullanarak doğrulayabilir misiniz? –

cevap

1

Tahminimce bu JavaScript yükleme sorununun olmasıdır. Defer özniteliğini kullanarak JavaScript'in yüklenmesini zorlamanız gerekir. Bu, sayfanın JavaScript kodunu yürütmeden önce yüklenmesine izin verecektir.

Bu, tarayıcıların tek bir iş parçacığına sahip olduklarından ve bir komut dosyası etiketiyle karşılaştıklarında, komut dosyasını karşıdan yükleyip ayrıştırana kadar diğer işlemleri durdururlar. Sonunda komut dosyaları ekleyerek, tarayıcının tüm sayfa öğelerini, stil sayfalarını ve görüntüleri gereksiz bir gecikme olmadan indirmesine ve oluşturmasına izin vermiş olursunuz. Ayrıca, tarayıcı, herhangi bir komut dosyasını çalıştırmadan önce sayfayı oluşturuyorsa, tüm sayfa öğelerinin alınmaya hazır olduğunu bilirsiniz.

http://www.hunlock.com/blogs/Deferred_Javascript ve http://blog.fedecarg.com/2011/07/12/javascript-asynchronous-script-loading-and-lazy-loading/

0

başlık bölümündeki CSS mi görüyor musunuz?

Tarayıcınız, kaynakları yüklemeye çalışmadan önce çok uzun sürebilir.

İkinci tahmin, JavaScript'inizin sayfa yükünü, hangi nedenle olursa olsun engellemesidir. Yüklemeden hemen sonra DOM manipülasyon var mı? Ayrıca, en son yüklenen sayfanızın altında bulunan JavaScript'iniz var mı? Aksi takdirde bu, yükleme işlemini engelleyebilir.

İlgili konular