bakuldegan.blogspot.com – Selamat datang di blog sederhanaku ini sobat. Kali ini saya akan berbagi tentang AMP atau Accelerated Mobile Pages, apa itu AMP? AMP atau Accelerated Mobile Pages adalah projek terbaru dari google. AMP HTML atau Accelerated Mobile Pages adalahstruktur web yang meminimalisir penggunaan JavaScript, CSS, dan HTML sehingga halaman web akan memiliki kecepatan loading yang jauh lebih cepat. Dalam AMP HTML ada sedikit perubahan yaitu pada tag img dan video diubah menjadi amp – img dan amp – video. Hal lain yang wajib adanya dalam AMP HTML adalah:
• Dimulai dengan < ! d o c t y p e h t m l >
• Menyertakan < h t m l a m p >
• Menyertakan < l i n k r e l = “ c a n o n i c a l “ h r e f = “ $ S O M E_U R L”/>, pada tag head untuk mengetahui versi AMP HTML.
• Menyertakan < m e t a c h a r s e t = “u t f - 8” > • Menyertakan < m e t a n a m e = “ v i e w p o r t “ c o n t e n t = “ w i d t h = d e v i c e – w i d t h , m i n i m u m – s c a l e = 1 “ >pada tag head.
• Menyertakan AMP JavaScript Library < s c r i p t a s y n c s r c = “ h t t p s : / / c d n . a m p p r o j e c t . o r g / v 0 . j s “ >< / s c r i p t >pada tag head.
• Menyertakan < s t y l e > b o d y { o p a c i t y : 0 } < / s t y l e >< n o s c r i p t>< s t y l e > b o d y { o p a c i t y : 1 } < / s t y l e >< / n o s c r i p t >pada tag head. Selain hal-hal di atas, ada hal lain yang harus diperhatikan, yaitu:
• Tidak boleh ada dua tag < s t y l e > , apabila ada penambahan maka gunakan < s t y l e a m p – c u s t o m > , itupun hanya diperbolehkan satu saja.
• Script tidak diperbolehkan menggunakan attribute t y p e = ‘ t e x t / j a v a s c r i p t ‘
• Script harus eksternal dan menggunakan a s y n c .
• Tidak boleh membuat inline CSS seperti < a s i d e c l a s s = ‘ s i d e b a r ‘ s t y l e = ‘ m a r g i n –t o p : 0 ; p a d d i n g : 1 0 p x ‘ > .
Itulah sedikit hal yang saya tahu tentang apa itu AMP HTML, jika ada yang kurang dan pembaca mengetahuinya mohon untuk ditambahkan di kolom komentar. Sekian dari saya semoga bermanfaat untuk pembaca, saya hanya manusia biasa yang tidak pernah lepas dari kesalahan, untuk itu jika ada kesalahan pada postingan kali ini saya mohon maaf yang sebesar-besarnya.
Belum ada tanggapan untuk "Apa itu AMP Project"
Posting Komentar