Mengatur WIDTH & HEIGHT gambar untuk mempercepat muat halaman.

Mengatur width&height gambar dengan <amp-img> di Blogspot.

Pasang script AMP terlebih dahulu didalam tag <head>

Copy lalu paste kode script AMP dibawah ini.

Buat widget HTML baru tanpa nama.

Pastikan widget tersebut terbaca di halaman depan maupun di halaman postingan. Copy kode dibawah ini :

Pastekan pada kolom konten di widget yang baru dibuat.
Alasan kode diatas diletakkan didalam widget adalah :

  1. Karena jika diletakkan dalam kerangka HTML tidak akan diterima atau tidak akan tersimpan.
  2. Widget dibuat tanpa nama agar tidak terlihat dihalaman blog.
Membuat Tag <amp-img> sebagai pengganti tag <img> dipostingan blog.

Keterangan :
Untuk width dan height, seperti biasa sesuaikan ukuran panjang dan lebar gambar yang diinginkan
untuk sizes:'(max-width:XXpx)' berfungsi untuk memberi batas tertinggi ukuran bentangan layar.
Begitupula sebaliknya, (min-width:) untuk memberi batas terkecil ukuran bentangan layar.
Untuk 80vw, kode vw berarti viewport width yaitu untuk mengatur batas bentangan lebar gambar.

Komentar

Posting Komentar