HTML5 script etiketinin 5 özelliği vardır. Bu özellikler async, charset, defer, src ve type özellikleridir. Bu makalemizde ayrıntılarıyla script DEFER özelliğini inceleyeceğiz. Diğer konuları da merak ediyorsanız özellik isimlerine tıklayarak ilgili sayfalarda konuları inceleyebilirsiniz.
Script defer özelliği HTML5 ile birlikte gelen ve projeye harici kaynaklardan eklenen kod kaynakları için uygulanan bir özelliktir. Yani kullanılabilmesi için öncelikle src özelliğinin boş olmaması gerekiyor. Proje içindeki JavaScript dosyalarına uygulanması anlamsızdır.
Script defer özelliği bir kaynak için belirtildiğinde sayfanın yüklenmesi tamamen bittikten sonra bu kaynaktaki kodların çalıştırılacağını ifade eder.
Makale başlığındaki birinci soru olan "HTML Script Defer Özelliği Nedir?" sorusunun yanıtı da budur. Yani kaynak defer özelliği ile çağırılıyorsa bu kaynaktaki kodların tüm sayfa yüklemeleri bittikten sonra çalıştırılacağını ifade eder.
Makale başlığındaki ikinci soru olan "HTML Script Defer Ne zaman Kullanılır?" sorusuna yanıt aramaya çalışalım.
Öncelikle web sitelerin derlenme ve çalıştırılma mantığına göre, kod derlenmesi en baştan başlar ve satır satır devam eder. Özellikle async özelliği ile tanımlanmış harici kaynaklarda dosyaların geç yüklenmesine bağlı olarak ne zaman çalıştırılacağı önem kazanır. İşte bu özelliği de script defer özelliği tamamlar ve hassas kod satırları için tüm dosyaların yüklenmesi bittikten sonra kod satırları çalıştırılır. Böylece harici dosyaların yüklenmesinde bir problem oluşursa bu da projenizi minimum hatayla çalışmasını sağlar. Buradan çıkan sonuç ise script defer özelliği genellikle asenkron çağrılmış harici kaynaklar için kullanılan bir özelliktir. Ama bunun dışında bağımlılıkları da göz önünde bulundurduğumuzda asenkron olmayan harici kaynaklar için kullanılır. Tabi bu konuda biraz dikkatli olmak lazım. Çünkü tüm harici kaynakları defer özelliği ile çağırmak da doğru bir yaklaşım değil.
Makale başlığındaki üçüncü soru olan "HTML Script Defer Ne İçin Kullanılır?" sorusuna yanıt aramaya çalışalım.
Makalenin daha önceki paragraflarında da bahsettiğim gibi genellikle script async özelliği ile asenkron yüklenen harici kaynakların sayfa yüklenmesi bittikten sonra çalıştırılmasını sağlamak için kullanılan bir özelliktir. Kullanım amacı ise harici kaynaklarda oluşabilecek hatalı yüklenme sürecinden kaynaklanan hasarı minimize etmektir.
Son olarak konuyu özetleyecek olursak: HTML5 Script Defer özelliği harici script dosyalarının tüm sayfa yüklemeleri tamamlandıktan sonra çalıştırılması için kullanılan bir özelliktir. Genellikle async özelliği ile asenkron çağrılan kaynaklar için kullanılır.
Yorumlar
Yorum Gönder