Atribut defer <script> HTML

Tag HTML <script>

Definisi dan penggunaan

defer Atribut ini adalah atribut boolean.

Jika defer Atribut, skrip akan diunduh paralel saat penguraian halaman dan dieksekusi setelah penguraian halaman selesai.

Perhatian:defer Atribut ini hanya berlaku untuk skrip eksternal (hanya ada Atribut src hanya seharusnya digunakan saat.

Perhatian:Skrip eksternal dapat dieksekusi dengan berbagai cara:

  • Jika async telah diatur: skrip akan diunduh paralel saat penguraian halaman dan dieksekusi segera saat tersedia (sebelum penguraian selesai)
  • Jika defer telah diatur (tanpa async): skrip akan diunduh paralel saat penguraian halaman dan dieksekusi setelah penguraian halaman selesai
  • Jika tidak ada async atau defer: skrip diunduh dan dieksekusi segera, menghalangi penguraian halaman sampai skrip selesai dieksekusi

Contoh

Skrip akan diunduh paralel dengan penguraian halaman dan dijalankan setelah halaman selesai diurai:

<script src="demo_defer.js" defer></script>

Coba sendiri

Sintaks

<script defer>

Tunda eksekusi skrip

Anda dapat mengendalikan cara eksekusi skrip menggunakan atribut async dan defer. Atribut defer memberitahu browser untuk menunggu halaman diunduh dan diurai selesai sebelum menjalankan skrip.

Browser akan menunda pengunduhan dan eksekusi skrip sampai semua elemen di dokumen HTML sudah diurai.

Hasilnya sama seperti memindahkan script ke akhir halaman:

<body>
... ...
... ...
... ...
<script src="demo.js"></script>
</body>

Dukungan browser

Angka di tabel menunjukkan versi browser pertama yang mendukung atribut ini.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
8.0 10.0 3.5 5.0 15.0

Tag HTML <script>