Bagaimana Cara kerja AMP?

 

rata-rata waktu yang diperlukan untuk memuat halaman AMP pencarian Google sekarang kurang dari satu detik. Bagaimana hal itu terjadi? AMP memiliki beban halaman lebih cepat karena kerangka lebiiih AMP memiliki tiga komponen utama. Apa pun?

1. AMP HTML

Pikirkan AMP HTML sebagai versi lebih ramping dari HTML biasa. Kerangka kerja AMP memiliki aturan ketat untuk tag HTML yang dapat kamu gunakan. Untuk memastikan pemuatan halaman yang cepat, elemen HTML seperti form tidak diperbolehkan di AMP. 

Beberapa tag HTML diganti dengan tag khusus AMP. Tag kustom ini disebut komponen HTML AMP dan mereka membuat pola tag umum yang mudah diimplementasikan dengan cara yang performan.

Kerangka kerja AMP juga mengharuskan Anda menggunakan versi CSS yang disederhanakan. Lihat daftar tag HTML yang diperlukan untuk kerangka kerja AMP. Jika kamu sudah menggunakan HTML dan CSS modern hal tersebut seharusnya tidak jadi masalah.

2. AMP JS 

Library AMP JS memastikan rendering cepat laman HTML AMP, Untuk memastikan pemuatan halaman cepat pada platform seluler, AMP membatasi penggunaan Javascript apa pun. Satu-satunya pengecualian adalah untuk skrip AMP, yang dioptimalkan dengan mempertimbangkan akselerasi pemuatan laman. 

AMP JS membuat semuanya dari sumber daya eksternal tidak sinkron, sehingga tidak ada halaman yang dapat memblokir apa pun dari rendering. JS juga menggunakan teknik kinerja lain seperti sandboxing semua iframe, pra-perhitungan tata letak setiap elemen halaman sebelum sumber daya dimuat dan penonaktifan pemilih CSS lambat.

3. AMP Cache 

Google AMP Cache digunakan untuk melayani halaman HTML AMP yang di-cache. AMP Cache adalah jaringan pengiriman konten berbasis proxy yang digunakan untuk mengirimkan semua dokumen AMP yang valid. Cache mengambil halaman HTML AMP, menyimpannya, dan meningkatkan kinerja halaman secara otomatis.

AMP Cache dilengkapi dengan sistem validasi internal yang mengonfirmasi bahwa suatu halaman dijamin berfungsi, dan bahwa itu tidak bergantung pada kekuatan eksternal yang dapat memperlambat halaman. Sistem validasi beroperasi pada serangkaian pernyataan yang mengonfirmasi mark-up halaman memenuhi spesifikasi HTML AMP.