Apa Itu AMP Dan Kelebihannya


BLOG MOBILE.




Balik lagi di blog yang sederhana ini.

     Pada hari ini saya akan memposting Apa Itu AMP Dan Kelebihannya???

Sebelumnya saya kutif dari sumbernya langsung yaitu www.ampproject.org.

APA ITU AMP.



Amp merupakan sebuah susunan dari bahasa program yang terdiri dari HTML,AMP JS, Dan CHACE.
Dari ketiga komponen itu merupakan kurang lebih susunan atau kerangka yang membentuk sebuah blog/website yang menjadi sebuah halaman yang mejadi lebih cepat karna sudah diminimalisir dari penggunaan tag atau scrpit yang bisa memberatkan blog/website.

AMP HTML
pada dasarnya HTML diperluas dengan custom AMP properties. Berkas HTML AMP yang paling sederhana terlihat seperti ini:
<!doctype html>
<html ⚡>
 <head>
   <meta charset="utf-8">
   <link rel="canonical" href="hello-world.html">
   <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
   <style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
   <script async src="https://cdn.ampproject.org/v0.js"></script>
 </head>
 <body>Hello World!</body>
</html>

AMP JS
Perpustakaan AMP JS memastikan rendering cepat halaman HTML AMP. Perpustakaan AMP JS menerapkan semua praktik kinerja terbaik AMP, mengelola pemuatan sumber daya dan memberi Anda tag khusus yang disebutkan di atas, semua untuk memastikan rendering halaman Anda dengan cepat. Di antara pengoptimalan terbesar adalah kenyataan bahwa hal itu membuat segala sesuatu yang berasal dari sumber eksternal tidak sinkron, jadi tidak ada yang bisa menghalangi apa pun dari rendering. Teknik kinerja lainnya termasuk sandboxing dari semua iframe, pra-perhitungan tata letak setiap elemen di halaman sebelum sumber daya dimuat dan penonaktifan pemilih CSS yang lamban. Untuk mempelajari lebih lanjut tentang tidak hanya pengoptimalan namun keterbatasan, baca HTML SEFESIFIK
AMP CHACE
Google AMP Cache dapat digunakan untuk menyajikan halaman HTML AMP yang disimpan dalam cache. Google AMP Cache adalah jaringan pengiriman konten berbasis proxy untuk mengirimkan semua dokumen AMP yang valid. Ini mengambil halaman HTML AMP, menyimpannya, dan memperbaiki kinerja halaman secara otomatis. Saat menggunakan Google AMP Cache, dokumen, semua file JS dan semua gambar dimuat dari sumber yang sama dengan menggunakan HTTP 2.0 untuk efisiensi maksimum. Cache juga dilengkapi dengan sistem validasi built-in yang memastikan bahwa halaman tersebut dijamin berhasil, dan itu tidak bergantung pada sumber daya eksternal. Sistem validasi menjalankan serangkaian pernyataan yang mengkonfirmasikan markup halaman memenuhi spesifikasi AMP HTML. Versi lain dari validator disertakan dengan setiap halaman AMP. Versi ini dapat mencatat kesalahan validasi secara langsung ke konsol browser saat halaman ditampilkan, sehingga Anda dapat melihat bagaimana perubahan kompleks pada kode Anda dapat mempengaruhi kinerja dan pengalaman pengguna. Pelajari lebih lanjut tentang menguji halaman HTML AMP Anda.DI SINI
AMP { ACCELERATED MOBILE PAGE } di luncurkan pertama kali di tahun 2015 lalu,walupun tergolong masih baru tetapi google sendiri benar benar meperhatikan project barunya itu di karnakan pengguna perangkat mobile atau smartphone di dunia saat ini sudah mencapai lebih dari 50%.
Itu artinya hampir dari setengah populasi penduduk dunia mempunyai perangkat mobile atau smartphone.
Google sebagai salah satu mesin pencari terbesar saat ini memanfatkan Kondisi ini.
Dengan mengusung project baru yaitu accelerated mobile page atau Amp yang kurang lebih artinya sebuah halaman web yang bisa di akses lebih cepat dengan perangkat mobile.
Karna sebagian besar orang orang mengakses internet menggunakan perangkat mobile atau smartphone.



KELEBIHAN HALAMAN AMP.




     Seperti yang sudah di jelaskan di atas AMP yaitu sebuh susunan kode atau kerangka web yang diminimalisir sehingga bisa di akses lebih cepat di perangkat mobile di bandingkan blog atau website yang tidak menggunakan AMP.
Kelebihan halaman ini juga sangat berpengaruh terhadap bouncing 
Blog atau website. Bayangkan saja halaman AMP bisa diakses lebih cepat oleh visitor saat pertama kali membuka halaman itu artinya sangat menguntungkan bagi visitors karna tidak harus menunggu lama untuk membuka halaman AMP.
Dan yang paling penting juga ini meminimalisir pemakaian kuota berlebih yang tidak di inginkan.katanya juga halaman yang berteknologi AMP mampu menghemat pengguna data hingga 10 x lipat di bandingkan blog non AMP.

AMP juga memberikan pengalaman yang lebih hebat di berbagi flatforms.


Gimana anda tertarik menggukan blog atau website dengan teknologi AMP.
Saya juga sebagai blogger pemula sangat sulit dan merasa asing tentang AMP karna kita harus menggukan komponen atau susunan dari AMP itu baik dari segi upload gambar video dan lain lainnya.tapi justru saya menikmatinya dan itu merupakan tantangan tersendiri bagi saya.

Mungkin hanya itu yang bisa saya sampaikan tentang accelerated mobile page semoga bemanfaat dan bila ada Kesalahan menulis mohon di maklum hehe

SOURCE : www.ampproject.org

blog views
Reactions:
Donate via PayPal

You Might Also Like:

ADD A COMMENT WITH YOUR FACEBOOK PLEASE WAIT FOR FACEBOOK COMMENT WILL SOON OPEN

ADD A COMMENT WITH DISQUS HIDE COMMENT

Disqus Comments

ADD A COMMENT WITH GOOGLE PLUS HIDE COMMENT

google Comments

Hello, how may we help you? Just send us a message now to get assistance.

Facebook Messenger ×