Pemuatan Tertunda dengan @defer

Blok at-defer memuat bagian template dan dependensinya secara malas, sehingga meningkatkan performa pemuatan awal. Konten yang ditunda dipisahkan menjadi potongan terpisah.

Bungkus konten dalam blok at-defer. Secara default, blok ini dimuat ketika peramban sedang tidak sibuk.

Menunda komponen berat atau komponen di bawah lipatan tampilan membuat bundel awal tetap kecil dan tampilan pertama lebih cepat. Komponen hanya dimuat ketika benar-benar diperlukan.

Blok at-placeholder menampilkan konten sebelum blok yang ditunda dipicu.

Blok at-loading ditampilkan saat bagian yang ditunda sedang diambil.

Blok at-error ditampilkan jika pemuatan dependensi yang ditunda gagal.

Anda mengatur kapan pemuatan dimulai dengan pemicu dalam klausa on, seperti saat menganggur, saat masuk ke area pandang, saat berinteraksi, saat diarahkan, atau berdasarkan pengatur waktu.

Pemicu saat masuk ke area pandang memuat konten ketika konten tersebut bergulir hingga terlihat, sehingga sangat cocok untuk bagian di bawah lipatan halaman.

saat berinteraksi memuat konten ketika pengguna mengeklik atau memfokuskan placeholder; saat diarahkan memuat konten ketika penunjuk diarahkan ke placeholder tersebut.

Anda juga dapat memicu pemuatan berdasarkan ekspresi boolean menggunakan when, yang memuat konten setelah ekspresi tersebut menjadi true.

Anda dapat melakukan pramuat bagian yang ditunda secara terpisah dari proses render, misalnya melakukan pramuat saat menganggur, sehingga bagian tersebut siap sebelum pemicu render dijalankan.

Memicu konten yang ditunda.

Anda telah mempelajari blok at-defer untuk pemuatan malas, beserta blok at-placeholder, at-loading, dan at-error, serta pemicu seperti saat menganggur, saat masuk ke area pandang, saat berinteraksi, saat diarahkan, berdasarkan pengatur waktu, dan when, termasuk pramuat. Anda telah menyelesaikan kursus Alur Kontrol Bawaan.