|
1 | 1 |
|
2 | 2 | # Komut Dosyaları (Scripts): async, defer |
3 | 3 |
|
4 | | -Modern websitelerinde, genellikle komut dosyaları (scripts), HTML kodlarından daha yoğunluktadır: onların indirme boyutu daha fazla ve işlem süreleri daha uzundur. |
| 4 | +Modern websitelerinde, genellikle script'ler HTML'den daha baskındır: script'lerin dosya/indirme boyutları büyüktür ve işlenme süreleri uzundur. |
5 | 5 |
|
6 | | -Tarayıcı HTML'i yüklediği sırada `<script>...</script>` kısmına denk geldiğinde, DOM'u oluşturmaya devam edemeyebilir. Tarayıcı böyle bir durumda script'i çalıştırmak zorundadır. Benzer durum `<script src="..."></script>` şeklinde dışarıdan aktarılan script'ler içinde geçerlidir: tarayıcı, script indirilene kadar bekleyecek, onu çalıştıracak ve sonrasında sayfanın geri kalanını işleyecektir. |
| 6 | +Tarayıcı, HTML'i yüklerken `<script>...</script>` etiketiyle karşılaştığında, DOM'u oluşturmaya devam edemez. Böyle bir durumda script'i çalıştırmak zorundadır. Benzer durum `<script src="..."></script>` şeklinde dışarıdan aktarılan script'ler içinde geçerlidir: Tarayıcı script indirilene kadar bekleyecek, sonrasında onu çalıştıracak ve en sonunda sayfanın geri kalananı işleyecektir. |
7 | 7 |
|
8 | 8 | Bu durum iki önemli soruna yol açar: |
9 | 9 |
|
@@ -180,7 +180,7 @@ loadScript("/article/script-async-defer/small.js"); |
180 | 180 |
|
181 | 181 | `async` ve `defer` niteliklerinin ortak bir özelliği vardır: sayfanın yüklenmesini (render) engellemezler. Böylece kullanıcı sayfa içeriğini okuyabilir ve sayfayla hemen etkileşime geçebilir. |
182 | 182 |
|
183 | | -Ama onların arasında temel farklılıklar var: |
| 183 | +Ancak aralarında temel farklılıklar vardır: |
184 | 184 |
|
185 | 185 | | | Sıra | `DOMContentLoaded` | |
186 | 186 | |---------|---------|---------| |
|
0 commit comments