Script Etiketi - uyumsuz ve erteleme

SORU

29 Mayıs 2012, Salı

Script Etiketi - uyumsuz ve erteleme

<script> etiket için bu 2 seçenek hakkında bir kaç sorum var.

Şu anda sadece </body> etiketi üstünde site 2 harici js komut dosyaları olan bir site var.

İlk jquery google kaynaklı ve ikinci araya koydum yerel harici bir betik.

2 seçenekleri (zaman uyumsuz & ertelemek), sadece HTML5 tarayıcılarda çalışmıyor bu anlıyorum.

Site yükleme hızı için saygı duyar:

Orada ekleyerek herhangi bir avantaj 'uyumsuz' 2 komut için sayfanın alt kısmında var.

Orada-cekti var olmak herhangi bir avantaj ekleyerek 'uyumsuz' seçeneği için 2 komut dosyaları ve koymak onları üstünde Sayfa <head> - Bu demek gibi indir sayfa yükler? Ben bu HTML4 tarayıcılar için gecikmelere neden olacağını varsayıyorum ama HTML5 tarayıcılar için sayfa yükleme hızlandırmak istiyorsunuz?

<head> 2 komut taşıyın ve sonra 'erteleme' aynı olsun </body> dosyaları önce sahip olarak etkiliyor mu? kullanabilir miyim bir kez daha bu HTML4 tarayıcılar yavaş olacağını farz ediyorum.

Eğer 'uyumsuz' etkin olur, ikisi de aynı anda indirmek ya da sayfanın geri kalanı ile bir kerede? ile 2 senaryo var eğer O zaman bir sorun haline komut sırası - eg: tek tek indirmek daha hızlı eğer ikincisi doğru vb yürütmek değil bu yüzden başka bir bağlıdır.

Sonunda ben en iyi HTML5 daha yaygın olarak kullanılan kadar her şeyi olduğu gibi bırakmak mı?

thx

CEVAP

29 Mayıs 2012, Salı

Sağ </body> önce komut dosyalarınızı tutun. Zaman uyumsuz komut birkaç durumda bulunan (tartışma bakınız) ile kullanılabilir. Erteleme DOM ayrıştırma işi oldukça fazla zaten çoktan yapıldı çünkü orada komut yer için çok bir fark olmayacak.

Burada uyumsuz ve erteleme arasındaki farkı anlatan bir makale: http://peter.sh/experiments/asynchronous-and-deferred-javascript-execution-explained/.

HTML eğer doğru </body> önce vücut sonunda komut devam edersen eski tarayıcılarda daha hızlı görüntüler. Yani, eski tarayıcılarda yükleme hızını korumak için, onları başka bir yere koymak istemezsiniz.

Eğer ikinci senaryo bağlı ilk komut (örneğin ikinci komut dosyası kullanan bir WordPress kullanmak yüklenen ilk senaryo), sonra da zorlayamazsın onları uyumsuz olmadan ek kod kontrolü amacıyla, ama sen-ebilmek yapmak onları Ertele Ertele çünkü komut yine de idam için, sadece değil kadar sonra belge oldu ayrıştırılır. Bu kod ve komut hemen çalıştırmak için ihtiyacınız yoksa, bunları uyumsuz veya erteleme yapabilirsiniz.

Sen-ebil koymak komut <head> etiket ve onları ayarlamak için defer ve yükleme komut olacak kadar ertelenmiş DOM olmuştur ayrıştırılmış ve o-ecek almak hızlı sayfa görüntüleme yeni tarayıcılar destek Ertele, ama sana bir faydası olmaz hiç eski tarayıcılar ve değil mi gerçekten daha hızlı daha koyarak komut hemen önce </body> çalışır tüm tarayıcılar. Yani, sadece en iyi </body> hemen önce onları koymak için neden görebilirsiniz.

Uyumsuz gerçekten kullanıcı bağımlı bir komut dosyası yükler ve başka bir şey bu komut dosyası yüklemek bağlıdır umurumda değil ne zaman daha yararlıdır. En sık gösterdi örneğin kullanarak zaman uyumsuz bir komut analytics gibi Google Analytics size bir şey istemiyorum, beklemek için değil acil koş çabuk ve tek başına çok şey bağlıdır.

Genellikle jQuery kütüphane değil iyi bir aday için zaman uyumsuz çünkü diğer komut üzerine bağlı ve yüklemek için olay işleyicileri sayfana başlayabilirsin yanıt için Kullanıcı olayları ve gerekebilir çalıştırmak bazı jQuery tabanlı başlatma kodu oluşturmak için başlangıç durumu sayfa. Zaman uyumsuz kullanılabilir, ama diğer komut jQuery yüklenene kadar çalıştırmak için kodlanmış gerekir.

Bunu Paylaş: