AMP

Menggunakan Pengoptimal AMP

Pengoptimal AMP adalah alat yang memberikan pengoptimalan Cache AMP ke situs Anda sendiri. Menggunakan Pengoptimal AMP adalah kunci untuk menghasilkan pengalaman halaman yang memuaskan dan pemenuhan Core Web Vitals. Jika Anda ingin mengetahui selengkapnya tentang cara kerja Pengoptimal AMP, kunjungi Panduan Pengoptimalan AMP terperinci.

Bukankah AMP memang sudah cepat?

Anda mungkin berpikir: sebentar – bukankah AMP seharusnya memang cepat dari yang biasa? Dan itu benar: runtime AMP dioptimalkan untuk kecepatan dan semua halaman AMP yang valid akan dimuat dengan cepat. Namun, ada pengoptimalan kinerja tambahan yang dapat Anda terapkan di server Anda untuk membantu browser memuat halaman AMP jauh lebih cepat lagi.

Pada awalnya, cache-cache AMP menyajikan sebagian besar halaman AMP. Cache-cache ini melakukan pengoptimalan tambahan pada halaman untuk menjamin pengalaman pengguna yang mantap. Namun, seiring waktu, lebih banyak permukaan yang mulai dikaitkan ke halaman AMP dan para pengembang mulai membuat seluruh situs web dengan AMP. Itu sebabnya tim AMP telah mulai mengerjakan Pengoptimal AMP agar semua dapat menyajikan halaman AMP dengan Cache AMP seperti kinerja pada asal mereka sendiri.

Mengintegrasikan Pengoptimal AMP

Ada tiga cara menggunakan pengoptimal AMP:

  1. Menggunakan penghasil situs atau CMS dengan integrasi pengoptimal bawaan.
  2. Mengintegrasikan Pengoptimal AMP ke dalam sistem build (versi) atau server Anda.
  3. Mengintegrasikan Pengoptimal AMP ke dalam lingkungan pengelola (hosting) Anda.

Penghasil Situs & CMS

Cara terbaik menayangkan AMP yang telah dioptimalkan adalah dengan menggunakan penghasil situs atau CMS dengan dukungan Pengoptimal AMP bawaan. Dalam hal ini, halaman AMP Anda akan dioptimalkan secara otomatis. Saat ini, penghasil situs dan CMS berikut ini mengintegrasikan Pengoptimal AMP:

Integrasi Server atau Versi Kustom

Anda sendiri juga dapat mengintegrasikan Pengoptimal AMP. Ada dua penerapan Pengoptimal AMP sumber terbuka yang tersedia:

  • Pengoptimal AMP (Node.js): sebuah perpustakaan berbasis Node.js untuk menghasilkan AMP yang dioptimalkan. Kunjungi panduan kami untuk memulai terkait di amp.dev. Penerapannya dikelola oleh tim AMP.
  • AMP Toolbox for PHP: a PHP based library for producing optimized AMP. The implementation is maintained by the AMP team.
  • amp-renderer (Python): sebuah port Python dari Pengoptimal Node AMP.

Ada berbagai integrasi untuk halaman yang dirender secara dinamis oleh server Anda dan situs statis:

  1. Waktu-build: untuk situs statis, yang terbaik adalah mengoptimalkan halaman AMP sebagai bagian dari build (versi). Pendekatan ini ideal karena mengoptimalkan halaman AMP tidak memengaruhi kinerja penyajian. Kunjungi sampel ini untuk mengetahui tentang integrasi Pengoptimal AMP + Gulp.
  2. Waktu-render: jika situs web mempunyai sifat yang lebih dinamis atau tidak dapat menerapkan transformasi secara statistik, pengoptimalan dapat dilakukan setelah dokumen AMP dirender di server. Jika begitu, untuk memastikan waktu penyajian yang cepat, paling baik untuk menyimpan halaman transformasi di cache untuk permintaan selanjutnya. Penyimpanan di cache dapat terjadi pada tingkat CDN, di infrastruktur internal situs (cth.: Memcached), atau bahkan di server itu sendiri jika serangkaian halaman cukup kecil untuk dimuat ke dalam memori. Untuk mengetahui selengkapnya tentang pendekatan ini, kunjungi demo ini yang mengintegrasikan Pengoptimal AMP ke dalam Express.JS.

Integrasi Penyedia Pengelolaan (Hosting)

Beberapa penyedia pengelolaan mengizinkan menjalankan logika kustom saat menerapkan atau menyajikan sebuah halaman web. Ini bisa menjadi pilihan yang sangat baik untuk mengintegrasikan Pengoptimal AMP. Integrasi contoh adalah: