Mengenal Google AMP, Apa itu AMP HTML?

"Mengenal Google AMP, Apa itu AMP HTML? Ini Penjelasan Lengkap"

2 min read
Mengenal Google AMP, Apa itu AMP HTML?

Mengenal AMP HTML, apa itu AMP HTML? Hay semua mimin kali ini akan membahas menganai AMP HTML kepada kalian semua artikel ini saya tujukan buat kalian yang belum mengetahui tentang AMP HTML ini, seperti yang kita ketahui AMP HTML ini cara kerjanya sangatlah berbeda dengan Non AMP. 


Apa itu AMP HTML? 

AMP (Accelerated Mobile Page) adalah framework open source yang kembangkan oleh Google dimana halaman website atau blog bisa diakses lebih cepat di perangkat mobile. Dengan AMP ini juga membatasi penggunaan kode HTML dan CSS pada sebuah template tersebut menjadi lebih sederhana, selain itu penggunaan JS pun di hilangin.

Template yang menggunakan AMP ini di mesin pencari Google akan ada tanda petir nya yang dimana pada saat website tersebut diakses dalam perangkat mobile. 

AMP ini saat diakses melalui perangkat mobile akan lebih cepat dari website biasa yang bukan Non AMP.


Bagaimana cara kerja AMP HTML ?

Waktu yang dimuat dalam halaman AMP ini memiliki load kurang dari satu detik, ada beberapa componen yang membuat load halam AMP ini lebih cepat dari biasanya yaitu AMP HTML, AMP Javascript dan AMP Cache.

Terus bagaimana cara kerja pada komponen tersebut nah berikut ini adalah ulasan nya :

1. AMP HTML

Pada AMP HTML ini kerangka pada HTML memiliki aturan yang sangat ketat berbeda dengan Non AMP yang dapat kamu gunakan. Dalam aturan nya format HTML ini tidak diperbolehkan ini sebabnya kenapa halama AMP memiliki loading lebih cepat dari Non AMP. 

Selain itu tag HTML akan diganti dengan tag khusus AMP ini yang disebut denga HTML AMP. 

Cara kerja lainnya yaitu dengan meminimalkan kode CSS menjadi lebih sederhana, bagi kalian yang mengenal HTML modern tentu tidak lah sulit belajar tentang hal ini. 


2. AMP JS

Library AMP JS memastikan agar redering agar mempercepat halaman AMP HTML ini, selain itu agar pemuatan pada halaman seluler menjadi lebih cepat dari biasanya selain itu AMP juga membatasi penggunaan Javscript apapun.

AMP JS ini membuat daya sumber eksternal menjadi singkron jadi tidak ada halaman yang dapat memblokir apapun dari redering ini. Selain itu JS AMP ini membuat membuat perhitungan tata letak pada setiap element halaman sebelum dimuat agar tidak menjadi lamabat. 


3. AMP Chache

AMP Chache ini adalah jaringan pengirimana yang berupa proxy untuk mengirim dokumen yang valid, cara kerjanya ini dimana Chache mengambil AMP HTML kemudian menyimpan nya, kemudian meningkatkan halaman secara otomatis. 

AMP Chache ini dilengkapi sistem validasi dimana mengonfirmasi kalau halaman tersebut berfungsi, ini juga bertujuan agar halaman yang dimuat tidak membuat halaman menjadi lambat. 


Kelebihan dan Kekurangan AMP

Ada beberapa kekurangan dan kelebihan yang dimiliki oleh Google AMP Ini, apa aja itu berikut ini adalah kekurangan dan kelebihan Google AMP.


Kelebihan Google AMP

  • Gratis, kamu bisa menggunakan Google AMP secara gratis tanpa harus mengeluarkan biaya sepeser pun
  • Meningkatkan User Exsperiense, dengan loading cepat tentu membuat semakin nyaman
  • Otomatis Optimasi Website, dengan memakai Google AMP maka otomatis diotimasi salah satunya adalah gambar
  • Meringatkan Beban Server, Karena data - data disimpan oleh Google Chache maka server tidak akan di bebani
  • Meningkatkan Konversi, beberapa riset membuktikan bahwa meningkatkan konversi 20%


Kekurangan Google AMP

  • Banyak Widget Yang Tidak Berfungsi, karena membuat website menjadi minimalis maka banyak widget yang tidak berfungsi
  • Mengurangi Pendapat Iklan, kalau ini tidak begitu apabila bisa optimalkan maka hasilnya akan sama
  • Tampilan Sangat Minimalis, karena mengurangi beberapa element maka membuat website menjadi minimalis. 
  • Javascript Banyak Yang Tidak Berjalan, dengan adanya Javascript maka membuat beberapa tidak bisa berjalan. 


Nah itulah penjelasan dari mimin mengenai Google AMP, yang dimana ada beberapa kekurangan dan kelebihan yang dimiliki. Apa ada yang ditanyakan langsung aja melalui kolom komentar di bawah ini.

Post a Comment