Agar mendapatkan performa dan peningkatan yang progresif, praktik terbaik AMP adalah menyediakan placeholder dan fallback jika memungkinkan.

Beberapa elemen juga akan memberikan bonus kepada Anda dengan melonggarkan batasan – misalnya, jika Anda menyediakan placeholder untuk <amp-iframe>, elemen tersebut dapat digunakan di dekat bagian atas halaman (ini tidak akan berfungsi tanpa placeholder).

Placeholder

Elemen yang ditandai dengan atribut placeholder bertindak sebagai placeholder untuk elemen AMP induk. Jika ditentukan, elemen placeholder harus berupa turunan langsung dari elemen AMP. Elemen yang ditandai sebagai placeholder akan selalu fill elemen AMP induk.

Show full code

Secara default, placeholder langsung ditampilkan untuk elemen AMP, meski referensi elemen AMP belum didownload atau diinisialisasi. Setelah siap, elemen AMP biasanya menyembunyikan placeholder-nya dan menampilkan kontennya.

Fallback

Gunakan atribut fallback untuk mengindikasikan perilaku pengganti bagi elemen apa pun yang tidak didukung oleh browser. Misalnya, gunakan atribut fallback untuk menyampaikan kepada pengguna bahwa browser tidak mendukung fitur tertentu:

Show full code

Atribut fallback dapat disetel pada elemen HTML apa pun, tidak hanya elemen AMP. Jika ditentukan, elemen fallback harus berupa turunan langsung dari elemen AMP.

Interaksi placeholder dan fallback

Untuk komponen AMP yang bergantung pada konten dinamis (misalnya, amp-twitter, amp-list), interaksi fallback dan placeholder beroperasi sebagai berikut:

  1. Tampilkan placeholder saat konten dimuat.
  2. Jika konten berhasil dimuat, sembunyikan placeholder dan tampilkan konten.
  3. Jika konten gagal dimuat:
    1. Jika ada elemen fallback, tampilkan fallback.
    2. Jika tidak, tetap tampilkan placeholder.

Menyembunyikan indikator pemuatan

Beberapa elemen AMP diberi izin untuk menampilkan "indikator pemuatan", yaitu animasi dasar yang menunjukkan bahwa elemen belum dimuat secara penuh. Elemen dapat memilih untuk tidak mengikuti perilaku ini dengan menambahkan atribut noloading.