Dalam bahasan berikut ini, kita akan membahas dengan pementingan wacana apa yang dimaksud dengan teknologi teknologi Accelerated Ponsel Pages (AMP), pinjaman dalam teknologi AMP serta faedah teknologi AMP
Apa yang dimaksud dengan AMP ?
AMP yakni suatu cara untuk membangun halaman web biar rendering konten menjadi lebih singkat oleh browser di ponsel pandai anda.AMP dalam agresi berisikan tiga bab yang berlainan :.
Seperti apa teknologi AMP ?
Teknologi AMP yang pertama kali digagas oleh Google dan Twitter berisikan tiga bab yang berlainan :1. AMP HTML
AMP HTML is basically HTML extended with custom AMP properties. The simplest AMP HTML file looks like this:
AMP HTML intinya yakni teknologi HTML menyerupai biasa, tetapi sudah di perluas dengan memasukkan propertis dari teknologi AMP . Yang paling sederhana File AMP HTML terlihat menyerupai 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>
2. AMP JS
Library AMP JS mengurus proses loading dari suatu situs web yang menggunakan librari java script sehingga memutuskan proses rendering dari suatu halaman web berlangsung dengan cepat. Kita tidak diizinkan menggunakan library JS yang dihosting dari pihak ketiga. Semua menggunakan library dari CDN Google. Misal inggin menggunakan library JS untuk tombol share, gunakan yang ditawarkan librari yang tersedia dalam teknologi AMP menyerupai pola berikut :<script async custom-element="amp-social-share" src="https://cdn.ampproject.org/v0/amp-social-share-0.1.js"></script>
0 Response to "Apa Yang Dimaksud Dengan Amp Html ?"
Posting Komentar