Google AMP adalah salah satu cara ngebuat halaman web loadingnya cepet di mobile. memang AMP gak bohong karena pengaruhnya ke website luar biasa, tapi apakah memang harus pakai AMP demi website yang cepat di mobile?
Pertama yang harus diketahui adalah website yang bagus itu kompleks. dengan banyaknya fitur, semuanya butuh loading, dan tentu semuanya akan menambah beban ke server dan mempengaruhi speed.
AMP bisa membuat halaman website cepat karena dia menghilangkan beberapa aspek dari website. AMP relatif kecil, tapi kalau fitur terus ditambah, AMP tentu akan semakin berat.
Disini saya mau share solusi supaya bisa ngebuat website loadingnya cepat tanpa tergantung sama AMP.
- skrip AMP dijalankan secara asynchronous.
- ukuran aset halaman dilakukan dengan statis.
- ekstensi dibuat supaya tidak ngeblok rendering.
- skip JS di website dibuat loading belakangan supaya tidak ngeblok rendering.
- penyesuaian loading font dan style.
- CSS dibuat inline dan dikecilkan.
- penyesuaian di style yang banyak kalkulasinya sehingga lebih ramping.
- hanya animasi yang berdasarkan GPU yang dijalankan.
- loading resource diutamakan.
- memakai HTTP/2.
Dengan mengetahui cara AMP bekerja, bisa dilihat kalau hampir semua hal yang disebut diatas ternyata bisa dilakukan tanpa AMP.
Perbedaan signifikannya yang gak bisa dicontek cuma fitur pre-render. halaman web yang pakai AMP bisa ngeloading asetnya lebih dulu sebelum dipanggil, ini yang ngebuat dia sedikit lebih cepat, tapi tidak signifikan.
Buktinya, dengan memakai Chrome DevTools, bisa dilihat kalau website AMP dan non-AMP cuma lebih cepat 0.5 detik paling bagusnya. jeleknya bisa sampai 5.5 detik, tapi rata2 hanya beda 1 detik saja.
Lain kata, AMP memang khusus dibuat untuk mobile dan speed. tapi cara Google ngejual itu produk adalah dengan mengedepankan speed diatas website normal. jadi ibarat persepsi yang ngebuat ilusi kalau website lebih cepat. tapi nyatanya, ini tidak selalu benar.
Di beberapa website khusus mobile yang sudah dioptimalkan, kadang malah bisa lebih cepat dari AMP.
Semoga berguna :)
Kalau di rinci tahap²nya jadi bagusan bos :)
blok rendering ya permasalahan intinya? kalau ukuran udah otomatis dikecilin. praktek standar dong ya?
Amp gak selalu cepet kok. Gak tau kenapa tapi kadang halamannya blank beberapa detik dulu. Ini pre render nya yang lama ya?
Bisa baca2 disini bro
https://timkadlec.com/remembers/2018-03-19-how-fast-is-amp-really/
Mending optimisasi biasa daripada khusus buat google :) peranan AMP di google juga gak terlalu besar dan khusus buat hp doang
AMP masih berkembang, lebih cepat dibandimg rata2 teknologi HTML5 atau CSS3 dan JS. Jadi masih bisa dibilang kalau AMP masih unggul, apalagi tujuan utamanya selain speed kan juga buat pengguna mobile.
Walaupun kata Google AMP gak ngasih tambahan rank, tapi nyatanya makin banyak website AMP di halaman 1 Google kalau buka di handphone.
amp buat pengguna handphone aja kan ya?
Iya mbak
Makasih om, sangat berguna
Bisa masuk kotak di google search. Knowledge graph ya namanya? Seperti kartu2 google now.
Kalau diperhatiin, hasil cari di hp diprioritaskan website2 AMP
Padahal google gak bilang ngaruh ke rank.
https://support.google.com/webmasters/answer/6340290?hl=id
Junaidi
Nice info... Thx