inline Small Javascript Çözümü

Satıriçi Küçük Javascript

 

Nedir : JavaScript dosyalarına giriş yapmak, bu küçük dosyaların alınma yükünü kaydedebilir.
Çözüm : JavaScript’i sıralamak için iyi bir alternatif, harici JavaScript dosyalarını birleştirmektir.
Uzman Yorumu : Yazılımla oluşturulmayan scriptlerin dosyada yer alması gerekmektedir. 

 

Genel Açıklama

Tarayıcı bir sayfayı oluşturmadan önce, HTML işaretlemesini ayrıştırıp DOM ağacını oluşturmak zorundadır. Bu işlem sırasında, çözümleyici bir komut dosyasıyla karşılaştığında, HTML'yi ayrıştırmaya devam etmeden önce onu durdurmalı ve yürütmelidir. Harici bir komut dosyası durumunda, ayrıştırıcı ayrıca bir ya da daha fazla ağ gezintisine neden olabilecek ve sayfanın ilk oluşturulma süresini geciktirebilecek olan kaynağın indirilmesini beklemek zorunda kalır. 

 

Öneriler

JavaScript'i, özellikle de çalıştırılmadan önce alınması gereken harici komut dosyalarını engelleme kullanımını önlemek ve en aza indirmelisiniz. Sayfa içeriğini oluşturmak için gerekli olan komut dosyaları, fazladan ağ isteklerini önlemek için satır içi çizilebilir, ancak satır içi içeriğin küçük olması ve iyi performans sağlamak için hızlı bir şekilde yürütülmesi gerekir. İlk oluşturma için kritik olmayan komut dosyaları, ilk oluşturma sonrasına kadar asenkronize veya ertelenmiş olmalıdır. Lütfen yükleme sürenizi iyileştirmek için ayrıca CSS dağıtımını optimize etmeniz gerektiğini unutmayın .

 

Nasıl kullanılır?

Harici engelleme komut dosyaları tarayıcıyı JavaScript'in alınmasını beklemeye zorlar; bu, sayfa oluşturulmadan önce bir veya daha fazla ağ dönüşü ekleyebilir. Harici komut dosyaları küçükse, içeriklerini doğrudan HTML belgesine sıraya sokabilir ve ağ isteği gecikmesini önleyebilirsiniz. 

Örneğin, HTML belgesi şuna benziyorsa:

 


 

    

   

      Hello, world!    

 

 

Ve kaynak small.js ise şöyle:

 

/ * küçük bir JavaScript dosyasının içeriği * / 

 

Sonra betiği aşağıdaki gibi satır içine alabilirsiniz:

 


 

           

      Hello, world!    

 

 

Komut dosyası içeriğini satırlara yerleştirmek, dış isteğini ortadan kaldırır small.js ve tarayıcının ilk oluşturma için daha hızlı bir zaman vermesini sağlar. Bununla birlikte, satır içi düzenlemenin HTML belgesinin boyutunu da arttırdığını ve aynı komut dosyası içeriğinin birden fazla sayfada satır içi olması gerekebileceğini unutmayın. Sonuç olarak en iyi performansı elde etmek için yalnızca küçük komut satırlarını satır içi kullanmalısınız.