2 min read

AMP (Accelerated Mobile Pages)

Contents

Apa Itu AMP?

AMP (Accelerated Mobile Pages) adalah sebuah kerangka kerja open-source yang dirancang untuk mempercepat waktu muat halaman web di perangkat mobile. AMP dikembangkan oleh Google bersama komunitas teknologi dengan tujuan meningkatkan pengalaman pengguna saat mengakses situs melalui ponsel. Halaman berbasis AMP memanfaatkan kode yang lebih sederhana dan elemen khusus untuk memastikan konten dapat dimuat dengan cepat, bahkan pada koneksi internet yang lambat.

Cara Membuat AMP

Membuat halaman berbasis AMP memerlukan pemahaman dasar mengenai HTML, CSS, dan JavaScript. Berikut adalah langkah-langkahnya:

1. Gunakan HTML AMP

Mulai dengan struktur dokumen yang khusus untuk AMP, seperti menggunakan <!doctype html> diikuti oleh atribut wajib amp di dalam tag <html>.

2. Tambahkan Script AMP

Sertakan pustaka AMP dengan menambahkan tag <script async src=”https://cdn.ampproject.org/v0.js”></script> di dalam elemen <head>.

3. Ikuti Standar CSS

Semua gaya harus dideklarasikan dalam elemen <style amp-custom> yang berada di dalam <head>. Inline CSS diperlukan, dan ukurannya dibatasi hingga 50 KB.

4. Gunakan Komponen AMP

AMP menyediakan berbagai elemen khusus seperti <amp-img> untuk gambar atau <amp-video> untuk video. Komponen ini menggantikan elemen HTML standar.

5. Validasi Halaman

Gunakan alat validasi AMP yang disediakan oleh Google, seperti ekstensi browser atau fitur pengujian di Google Search Console.

Cara Kerja AMP

AMP bekerja dengan membatasi elemen-elemen yang digunakan dalam halaman web sehingga hanya elemen yang telah dioptimasi yang diperbolehkan. AMP menggunakan:

Caching

Google AMP Cache menyimpan salinan halaman AMP sehingga dapat dimuat lebih cepat dari server Google.

Prioritas Konten Utama

AMP memuat elemen konten inti seperti teks dan gambar terlebih dahulu, menunda pemuatan elemen tambahan hingga diperlukan.

Optimasi Asinkron

JavaScript di AMP selalu bersifat asinkron untuk mencegah pemblokiran render halaman.

Fungsi AMP

AMP dirancang untuk meningkatkan performa dan pengalaman pengguna, terutama pada perangkat mobile. Beberapa fungsi utamanya adalah:

1. Mempercepat Waktu Muat

Mengurangi waktu yang diperlukan untuk memuat halaman web.

2. Meningkatkan SEO

Halaman yang lebih cepat sering kali mendapatkan peringkat lebih tinggi di hasil pencarian Google.

3. Meningkatkan Pengalaman Pengguna

Memberikan pengalaman browsing yang lebih lancar, bahkan pada koneksi internet lambat.

Tujuan AMP

Tujuan utama AMP adalah meningkatkan pengalaman pengguna di perangkat mobile. Dengan mempercepat waktu muat halaman, AMP membantu bisnis, media, dan individu mencapai beberapa manfaat berikut:

1. Meningkatkan Interaksi Pengguna

Halaman yang lebih cepat meningkatkan waktu kunjungan pengguna.

2. Mengurangi Bounce Rate

Pengguna cenderung bertahan lebih lama di situs yang responsif.

3. Meningkatkan Konversi

Kecepatan muat yang baik dapat meningkatkan peluang pengguna untuk melakukan tindakan seperti pembelian atau pendaftaran.

AMP menjadi solusi ideal untuk memastikan situs web Anda tetap relevan di era digital yang serba cepat, terutama dengan dominasi penggunaan perangkat mobile.

Written By
Register sekarang

Jadikan usahamu, brandmu, produkmu, acaramu dikenal banyak orang melalui coverage media dan blog di seedbacklink