Google berbicara tentang inisiatif baru untuk mempercepat halaman web di perangkat seluler: Laman Seluler yang Dipercepat

Hari ini, blog Google resmi telah mengumumkan pengumuman inisiatif terbuka baru oleh raksasa pencarian Accelerated Mobile Pages (AMP), yang dirancang untuk mempercepat halaman web di perangkat seluler. Kita berbicara tentang penggunaan oleh programmer web dari perpustakaan HTML AMP khusus, kode yang dalam status pratinjau teknis tersedia di github . Simbol tidak resmi perpustakaan adalah baut kilat "⚡", dengan demikian menyiratkan kecepatan kerjanya pada perangkat seluler.

AMP HTML percaya bahwa kinerja halaman web sangat bergantung pada jumlah kode JavaScript untuk berbagai pustaka yang menerapkan berbagai fungsi dinamis. Alih-alih menggunakan Javascript secara eksplisit atau implisit untuk elemen seperti berbagai suara atau video, pengembang didorong untuk menggunakan Komponen Web yang dirancang khusus untuk AMP HTML. Daftar komponen tersebut dapat ditemukan di sini . Kode JS komponen ini tidak boleh memengaruhi kinerja halaman web.

Sekarang perpustakaan AMP HTML hanya berisi 4 komponen dan validator khusus, yang dengannya Anda dapat memverifikasi apakah halaman dibuat sesuai dengan standar AMP. Jika Anda menambahkan "# development = 1" ke URL, perpustakaan akan menjalankan serangkaian metode tegas untuk mengetahui apakah tata letak halaman cocok untuk prinsip-prinsip AMP dan menampilkan hasilnya di konsol browser. Halaman web sederhana akan 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,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,minimal-ui">
  <script src="https://cdn.ampproject.org/v0.js" async></script>
  <style>body {opacity: 0}</style><noscript><style>body {opacity: 1}</style></noscript>
</head>
<body>Hello World!</body>
</html>


Untuk contoh dokumen AMP yang sudah jadi, Google menyarankan untuk mencoba pencarian Anda - Anda dapat mengaksesnya dari perangkat seluler di URL ini: g.co/ampdemo . Anda dapat mengevaluasi tampilannya secara visual dengan bantuan animasi-gif:



Ada versi dokumen dan lebih sederhana: hanya berbicara tentang ideologi AMP.

Source: https://habr.com/ru/post/id384995/


All Articles