Manfaat AMP dan perbedaannya dengan Desain Web Responsif
Jika Anda melihat beberapa tahun lalu lintas analitik untuk situs web, Anda kemungkinan akan menemukan bahwa mereka semua berbagi satu hal utama yang sama - peningkatan jumlah pengunjung yang mereka dapatkan dari pengguna di perangkat seluler.
Secara global, sekarang ada lebih banyak lalu lintas web yang berasal dari perangkat seluler daripada dari apa yang kita anggap sebagai "perangkat tradisional", yang pada dasarnya berarti komputer desktop atau laptop. Tidak ada keraguan bahwa komputasi bergerak telah mengubah cara orang mengonsumsi konten online, yang berarti itu telah mengubah cara kita harus membangun situs web bagi pemirsa yang semakin mobile-centric.
Bangunan untuk Pemirsa Seluler
Membuat "situs web ramah seluler" telah menjadi prioritas bagi para profesional web selama bertahun-tahun. Praktik seperti desain web responsif ditujukan untuk membantu membuat situs yang berfungsi dengan baik untuk semua perangkat, dan fokus pada kinerja situs web dan waktu unduh cepat menguntungkan semua pengguna, seluler, atau lainnya. Pendekatan lain ke situs ramah seluler dikenal sebagai pengembangan web AMP, yang merupakan singkatan dari Accelerated Mobile Pages.
Proyek ini, yang didukung oleh Google, dibuat sebagai standar terbuka yang dimaksudkan untuk memungkinkan penerbit situs web membuat situs yang memuat lebih cepat di perangkat seluler. Jika Anda berpikir bahwa itu terdengar sangat mirip dengan desain web responsif, Anda tidak salah. Kedua konsep itu memiliki banyak kesamaan, yaitu keduanya fokus pada pengiriman konten ke pengguna di perangkat seluler. Namun, ada sejumlah perbedaan antara kedua pendekatan ini.
Perbedaan Utama Antara AMP dan Desain Web Responsif
Salah satu kekuatan desain web responsif selalu merupakan fleksibilitas yang ditambahkan ke situs. Anda dapat membuat satu halaman yang secara otomatis merespons ukuran layar pengunjung. Ini memberikan jangkauan halaman Anda dan kemampuan untuk melayani pengalaman yang baik untuk berbagai perangkat dan ukuran layar, dari ponsel ke tablet ke laptop, desktop, dan seterusnya. Desain web responsif difokuskan pada semua perangkat dan pengalaman pengguna , bukan hanya seluler. Itu baik dalam beberapa hal dan buruk dalam diri orang lain.
Fleksibilitas di situs sangat bagus, tetapi jika Anda benar-benar ingin fokus pada seluler, membuat situs yang berfokus pada semua layar, bukan hanya pada perangkat seluler, dapat menjadi fleksibilitas perdagangan untuk kinerja seluler yang benar-benar dioptimalkan. Itulah teori di balik AMP.
AMP sepenuhnya berfokus pada kecepatan - yaitu kecepatan seluler. Menurut Malte Ubl, Google Tech Lead untuk proyek ini, AMP bertujuan untuk menghadirkan "render instan ke konten web." Beberapa cara ini dilakukan meliputi:
- Pemuatan malas
- Menggunakan preconnect
- Sumber daya prefetching
- Async Javascript
- Lembar gaya sebaris
- Tidak ada font yang dapat diunduh
- Prioritas sumber daya
Ini hanyalah beberapa prinsip yang membuat AMP memuat begitu cepat . Namun demikian, ada beberapa item dalam daftar itu yang dapat membuat para profesional web lama merasa ngeri. Lembar gaya sebaris , misalnya. Banyak dari kita telah diberitahu selama bertahun-tahun bahwa semua gaya harus terkandung dalam style sheet eksternal. Mampu memberi gaya banyak halaman situs semua dari satu lembar eksternal adalah salah satu kekuatan CSS- kekuatan yang dinegasikan jika halaman menggunakan gaya sebaris sebagai gantinya. Ya, Anda mencegah kebutuhan untuk mengunduh file eksternal, tetapi dengan biaya untuk dapat mengelola seluruh situs dengan style sheet tunggal. Jadi pendekatan mana yang lebih baik? Kenyataannya adalah bahwa mereka berdua memiliki kelebihan dan kekurangannya. Web terus berubah dan orang yang berbeda yang mengunjungi situs Anda memiliki kebutuhan yang berbeda. Sangat sulit untuk menetapkan aturan yang akan berlaku dalam semua kasus, karena pendekatan yang berbeda masuk akal dalam situasi yang berbeda. Kuncinya adalah menimbang manfaat atau kelemahan dari masing-masing pendekatan untuk menentukan mana yang terbaik dalam kasus khusus Anda.
Perbedaan utama lainnya antara AMP dan RWD adalah kenyataan bahwa desain responsif jarang "ditambahkan" ke situs yang sudah ada. Karena RWD benar-benar merupakan pemikiran ulang atas arsitektur dan pengalaman situs, umumnya akan mengharuskan situs tersebut dirancang ulang dan dikembangkan ulang untuk mengakomodasi gaya responsif. AMP dapat ditambahkan ke situs yang sudah ada. Bahkan, itu bahkan dapat ditambahkan ke situs responsif yang ada.
Pertimbangan Javascript
Tidak seperti situs dengan RWD, situs AMP tidak bermain baik dengan Javascript. Ini termasuk skrip pihak ketiga dan pustaka yang sangat populer di situs saat ini. Pustaka tersebut dapat menambahkan fungsi luar biasa ke situs, tetapi juga memengaruhi kinerja. Dengan demikian, dapat dipastikan bahwa pendekatan yang sangat terfokus pada kecepatan halaman akan menjauhkan diri dari file Javascript. Karena alasan inilah AMP sering kali paling baik digunakan pada laman web statis dibandingkan dengan yang sangat dinamis atau yang memerlukan efek Javascript tertentu untuk satu alasan atau lainnya. Misalnya, galeri situs web yang memanfaatkan pengalaman gaya "lightbox" tidak akan menjadi kandidat yang hebat untuk AMP. Di sisi lain, artikel situs web standar atau siaran pers yang tidak memerlukan fungsionalitas mewah akan menjadi laman yang bagus untuk disampaikan dengan AMP. Laman tersebut kemungkinan akan dibaca oleh orang-orang yang menggunakan perangkat seluler yang mungkin telah melihat tautan di media sosial atau melalui penelusuran Google seluler. Mampu langsung mengirimkan konten tersebut ketika mereka memintanya, bukannya memperlambat kecepatan unduh sementara Javascript yang tidak perlu dan sumber daya lainnya dimuat, membuat pengalaman pelanggan yang hebat.
Memilih Solusi yang Tepat
Jadi opsi mana yang tepat untuk Anda - AMP atau RWD? Itu tergantung pada kebutuhan spesifik Anda, tentu saja, tetapi Anda tidak perlu memilih satu atau yang lain. Jika kita ingin memiliki strategi online yang lebih cerdas (dan lebih sukses) itu berarti kita perlu mempertimbangkan semua alat yang kita miliki dan belajar bagaimana mereka akan bekerja sama. Mungkin ini berarti mengirimkan situs Anda secara responsif, tetapi menggunakan AMP pada bagian tertentu atau halaman yang mungkin paling sesuai dengan gaya pengembangan itu. Ini juga bisa berarti mengambil aspek dari pendekatan yang berbeda dan menggabungkannya untuk menciptakan solusi hibrida yang memenuhi kebutuhan yang sangat spesifik dan yang memberikan yang terbaik dari kedua dunia kepada pengunjung situs tersebut.