Cara Supaya Website Cepat Tanpa AMP

13 posting / 0 new
Entri terakhir
Agung
Avatar Agung
Offline
Last seen: 3 pekan 1 hari yang lalu
Joined: 29 Apr 2014 - 14:28
Points: 372
Cara Supaya Website Cepat Tanpa AMP

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 :)

5
Your rating: Nihil Average: 5 (3 votes)
Farhat
Avatar Farhat
Offline
Last seen: 2 bulan 2 pekan yang lalu
Joined: 19 Mei 2014 - 15:13
Points: 329
Kalau di rinci tahap²nya jadi

Kalau di rinci tahap²nya jadi bagusan bos :)

0
No votes yet
Arie
Avatar Arie
Offline
Last seen: 3 bulan 1 pekan yang lalu
Joined: 10 Feb 2017 - 10:00
Points: 32
blok rendering ya

blok rendering ya permasalahan intinya? kalau ukuran udah otomatis dikecilin. praktek standar dong ya?

0
No votes yet
Rian
Avatar Rian
Offline
Last seen: 7 bulan 2 pekan yang lalu
Joined: 28 Feb 2013 - 10:12
Points: 310
Amp gak selalu cepet kok. Gak

Amp gak selalu cepet kok. Gak tau kenapa tapi kadang halamannya blank beberapa detik dulu. Ini pre render nya yang lama ya?

0
No votes yet
Agung
Avatar Agung
Offline
Last seen: 3 pekan 1 hari yang lalu
Joined: 29 Apr 2014 - 14:28
Points: 372
Rian wrote:

Rian wrote:

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/

0
No votes yet
Michael
Avatar Michael
Offline
Last seen: 1 bulan 2 pekan yang lalu
Joined: 16 Apr 2013 - 13:00
Points: 342
Mending optimisasi biasa

Mending optimisasi biasa daripada khusus buat google :) peranan AMP di google juga gak terlalu besar dan khusus buat hp doang

0
No votes yet
Ramli
Avatar Ramli
Offline
Last seen: 2 bulan 3 pekan yang lalu
Joined: 7 Nov 2014 - 12:50
Points: 256
AMP masih berkembang, lebih

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.

5
Your rating: Nihil Average: 5 (1 vote)
Elisa
Avatar Elisa
Offline
Last seen: 3 bulan 4 hari yang lalu
Joined: 30 Apr 2013 - 12:54
Points: 240
amp buat pengguna handphone

amp buat pengguna handphone aja kan ya?

0
No votes yet
Michael
Avatar Michael
Offline
Last seen: 1 bulan 2 pekan yang lalu
Joined: 16 Apr 2013 - 13:00
Points: 342
Elisa wrote:

Elisa wrote:

amp buat pengguna handphone aja kan ya?

Iya mbak

0
No votes yet
Wildan
Avatar Wildan
Offline
Last seen: 7 bulan 2 pekan yang lalu
Joined: 21 Mar 2016 - 12:41
Points: 117
Makasih om, sangat berguna

Makasih om, sangat berguna

5
Your rating: Nihil Average: 5 (1 vote)
Rian
Avatar Rian
Offline
Last seen: 7 bulan 2 pekan yang lalu
Joined: 28 Feb 2013 - 10:12
Points: 310
Bisa masuk kotak di google

Bisa masuk kotak di google search. Knowledge graph ya namanya? Seperti kartu2 google now.

Kalau diperhatiin, hasil cari di hp diprioritaskan website2 AMP

0
No votes yet
Junaidi
Avatar Junaidi
Offline
Last seen: 4 bulan 1 pekan yang lalu
Joined: 14 Mar 2013 - 09:01
Points: 507
Rian wrote:

Rian wrote:

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

0
No votes yet
Izar
Avatar Izar
Offline
Last seen: 3 pekan 1 hari yang lalu
Joined: 15 Jun 2016 - 11:51
Points: 51
Nice info... Thx

Nice info... Thx

0
No votes yet