Google Accelerate Mobile Pages, juga dikenal sebagai Google AMP, adalah teknologi pengoptimalan kecepatan akses situs web melalui ponsel. Kecepatan pemuatan halaman yang lambat dapat memengaruhi pengalaman pengguna dan menyebabkan pengunjung bernavigasi sebelum memasuki situs Anda. Lalu bagaimana solusi untuk mengatasi hal tersebut? Ya, AMP adalah jawabannya.
Nah, di artikel ini kami akan mengetahui tentang Accelerated Mobile Pages atau disingkat AMP, mulai dari definisi hingga cara kerjanya yang harus Anda ketahui dan mengapa Anda harus menggunakan AMP?
Apa itu AMP?
Accelerated Mobile Pages atau AMP adalah kerangka kerja open source yang dikembangkan oleh Google untuk membuat situs web dimuat lebih cepat di perangkat seluler. AMP memungkinkan Anda menciptakan pengalaman seluler yang hebat dengan menyederhanakan HTML dan mengikuti aturan CSS yang disederhanakan.
Situs yang sudah menggunakan Google AMP akan melihat tanda petir di hasil pencarian Google di seluler.
Dalam hal kinerja, halaman AMP seluler memuat hingga 4x lebih cepat daripada halaman web biasa. Cara kerja Google AMP didasarkan pada penggunaan tiga komponen: AMP HTML, AMP JavaScript, dan AMP Cache.
Bagaimana cara kerja AMP?
Waktu muat rata-rata untuk halaman AMP dari Google Penelusuran kurang dari 1 detik. Bagaimana hal itu terjadi? AMP adalah kerangka kerja yang terdiri dari tiga komponen utama yang membuat segalanya lebih cepat. Komponen-komponen tersebut adalah:
- AMP HTML
Pikirkan AMP HTML sebagai versi ringan dari HTML biasa. Kerangka kerja AMP memiliki aturan ketat tentang tag HTML apa yang dapat digunakan. Untuk membuat halaman dimuat lebih cepat, elemen HTML seperti formulir tidak diizinkan di AMP.
Beberapa tag HTML telah diganti dengan tag khusus AMP. Tag kustom ini, yang disebut komponen HTML AMP, membuat pola tag umum yang mudah diterapkan dan canggih.
Kerangka kerja AMP juga memerlukan penggunaan versi CSS yang disederhanakan. Lihat daftar tag HTML yang diperlukan oleh framework AMP. Jika Anda sudah menggunakan HTML dan CSS modern, ini seharusnya tidak menjadi masalah.
- AMP JS
Library AMP JS memastikan rendering halaman HTML AMP dengan cepat pada platfrom seluler. AMP adalah kerangka kerja yang membatasi penggunaan Javascript untuk mempercepat pemuatan halaman di platform seluler. Satu-satunya pengecualian adalah untuk skrip AMP, yang dioptimalkan dengan mempertimbangkan akselerasi pemuatan laman.
AMP JS membuat semuanya dari sumber daya eksternal secara asinkron, sehingga tidak ada pihak yang dapat memblokir rendering. JS juga menggunakan teknik kinerja lain seperti sandboxing semua iframe, pra-komputasi tata letak setiap elemen halaman sebelum memuat sumber daya, dan menonaktifkan pemilih CSS yang lambat.
- AMP Cache
Google AMP Cache digunakan untuk menyajikan halaman HTML AMP yang di-cache. AMP Cache adalah jaringan pengiriman konten berbasis proxy yang digunakan untuk menyajikan semua dokumen AMP yang valid. Cache mengambil dan menyimpan halaman HTML AMP, yang secara otomatis meningkatkan performa halaman.
AMP Cache memiliki sistem validasi internal untuk memastikan bahwa halaman Anda dijamin berfungsi dan tidak bergantung pada faktor eksternal yang dapat memperlambatnya. Sistem validasi memproses serangkaian pernyataan yang memastikan bahwa markup halaman Anda sesuai dengan spesifikasi HTML AMP.
Mengapa Anda harus menggunakan AMP?
Menurut data dari Google dan SOASTA, 40% konsumen meninggalkan halaman yang membutuhkan waktu lebih dari 3 detik untuk dimuat. Selain itu, beberapa penelitian menunjukkan bahwa menggunakan AMP dapat meningkatkan rasio konversi hingga 20%.
Menggunakan AMP berfungsi paling baik untuk jenis situs web tertentu. Misalnya, blog dan situs berita akan sangat diuntungkan dari kinerja yang lebih cepat. Pada saat yang sama, jenis situs web ini cenderung menggunakan desain yang sederhana, jadi mengadopsi pedoman AMP tidak akan memengaruhi pengalaman pengguna secara signifikan.
AMP adalah kerangka kerja yang dapat memuat halaman dalam 1,6 detik melalui koneksi 3G dibandingkan dengan halaman non-AMP yang dapat memuat dalam 7,1 detik. Halaman AMP segera meningkatkan konversi sebesar 3% dan bounce rate berkurang 26% dan pengguna yang menghabiskan 2,5x lebih banyak waktu di situs.
Menerapkan halaman AMP memberikan pengalaman pengguna yang lebih cepat kepada pengguna seluler, mengurangi bounce rate, dan meningkatkan konversi.
Dengan demikian, itulah beberapa informasi mengenai apa itu AMP? Cara kerja AMP, dan alasan mengapa Anda harus menggunakan AMP. Anda bisa menggunakan AMP dengan cara menginstal plugin AMP pada wordpress.
